/*
----------------------------------------
Tantek Celik's Whitepsace Reset
     Author:  	Tantek Celik
    Version:  	(CC) 2004 Some Rights Reserved - http://creativecommons.org/licenses/by/2.0
Description:	Resets default styling of common browsers to a common base
----------------------------------------
*/

:link,:visited {
	text-decoration:none; }
ul,ol {
	list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code {
	font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin:0;
	padding:0; }
a img,:link img,:visited img {
	border:none; }
address {
	font-style:normal; }

/* =Global
--------------------*/
body {
	background: #ECF5FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000; }

h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; }

a:link,
a:visited,
span.link-like {
	color: #2976C2;
	outline: none;
	font-weight: bold;
	text-decoration: underline; }
	a:hover,
	span.link-like:hover {
		color: #FFFFFF;
		background: #2976C2; }
a:active { outline: none; }

a#skip { display: none; }

b.required {
	color: #FF0000;
	font-weight: normal; }

.edit a,
a.edit {
	font-weight: bold;
	color: #F90000; }
	.edit a:hover,
	a.edit:hover {
		background: #F90000;
		color: #FFFFFF; }
sub, sup {
	font-size: 10px;
	font-weight: normal;
	padding: 0 3px;
	color: #999999; }
.working-icon { display: block; }

/* =Sitewrapper
--------------------*/
#sitewrapper {
	width: 990px;
	margin: 0 auto; }


/* =Form Errors
--------------------*/
fieldset p span.fieldWithErrors {
  border: none;
  padding: 0;
  margin: 0; }
fieldset p span.field-with-errors {
	background: #F5DC63 !important;
	padding: 4px !important; }
	span.field-with-errors input,
	span.field-with-errors select {
		border: 1px solid #D29C34 !important; }


/* =Flash
--------------------*/
#timecard-page .flash { position: relative; z-index: 5000; }
.flash.good {
	border: 1px solid #229322;
	background: #86D958;
	padding: 10px;
	margin: 0 0 20px 0; }
.flash.bad {
	border: 1px solid #D29C34;
	background: #F5DC63;
	padding: 10px;
	margin: 0 0 20px 0; }
	.flash div.inner {
		font-family: Arial, Helvetica, sans-serif;
		padding: 10px 20px 10px 70px;
		font-size: 12px;
		color: #000000;
		text-align: left;
		min-height: 30px; }
		.flash div.inner h3 {
			font-size: 14px;
			font-weight: bold;
			margin: 5px 0;
			display: block;
			padding: 0;
			border: none; }
		.flash div.inner ul {
			margin-left: 20px; }
			.flash div.inner ul li {
				line-height: 150%;
				list-style-type: square; }
		.flash div.inner a.large {
			line-height: 40px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 18px;
			font-weight: bold; }
		.flash div.inner a { font-weight: bold; }
	.flash.good div.inner {
		background: #FFFFFF url("/images/icon_check.gif") no-repeat 20px 15px; }
	.flash.bad div.inner {
		background: #FFFFFF url("/images/icon_yeild.gif") no-repeat 15px 15px; }
	.flash.no-explanation div.inner {
		font-weight: bold;
		min-height: 35px;
		font-size: 14px; }

/* =System Note
--------------------*/
p#system-note {
	height: 35px;
	width: 100%;
	background: #EDEAAB url("/images/bg_system-note.gif") repeat-x 0 0;
	line-height: 30px;
	text-align: center;
	font-size: 11px;
	color: #333333; }
	p#system-note b {
		color: #FF0000;
		font-weight: normal; }


/* =Sub-Page Navigation
--------------------*/
ul#page-nav {
	text-align: center;
	font-size: 12px;
	margin-bottom: 20px; }
	ul#page-nav li {
		color: #2874B9;
		display: inline; }
		ul#page-nav li b {
			color: #000000; }
		ul#page-nav li a {
			color: #2874B9;
			font-weight: bold; }
			ul#page-nav li a:hover {
				background-color: #2874B9;
				color: #FFFFFF; }


/* =Sitewrapper -> Content -> Main Content Div
--------------------*/
.main { }
.main.left {
	width: 615px; }
.main.right {
	width: 615px; }
	.main h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		padding-bottom: 7px;
		border-bottom: 1px solid #A7A7A7;
		margin-bottom: 10px; }
	.main h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		margin: 30px 0 5px 0;
		clear: left; }
		.main h2 em {
		  font-style: normal;
		  color: #666666; }
	.main p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 150%;
		margin: 0 0 7px 0;}
	.main ol {
	  margin: 1.12em 0;
	  list-style-type: decimal;
	  margin-left: 40px; }
	  .main ol li {
	    display: list-item;
	    font-size: 12px; }
		.main p strong { }
	.main strong.highlight {
		font-weight: normal;
		background: #FFFFCC; }


		/* =Sitewrapper -> Content -> Main Content Div --> Action
		--------------------*/
		.main #action {
			clear: left;
			float: left;
			width: 100%;
			margin-top: 30px; }
			.main #action input#action-button {
				float: left; }
			.main #action a#cancel {
				color: #F90000;
				float: left;
				margin: 18px 0 0 20px;
				font-size: 12px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold; }
				.main #action a#cancel:hover {
					background: #F90000;
					color: #FFFFFF; }


/* =Sitewrapper -> Content -> Sidebar
--------------------*/
#sitewrapper #content #main .sidebar {
	width: 295px;
	float: right;
	position: relative;
	z-index: 1000;
	margin-top: 26px; }
 	#sitewrapper #content #main .sidebar .container {
		border: 1px solid #7DB0E3;
		background: #ECF5FF;
		padding: 10px; }
#sitewrapper #content #main .box .container {
	border: 1px solid #A7A7A7;
	background: #F3F3F3;
	padding: 10px; }
	#sitewrapper #content #main .sidebar .container h3 {
		background: #F2F8FF url("/images/bg_faq-header-gradient.gif") repeat-x top left;
		font-size: 18px;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		padding: 10px;
		position: relative;
		z-index: 2500;
		border-bottom: 1px solid #7DB0E3; }
		#sitewrapper #content #main .sidebar .container h3 span {
			display: block;
			font-size: 11px;
			line-height: 150%;
			font-weight: normal; }
	#sitewrapper #content #main .sidebar .container img {
		border: 6px solid #FFFFFF; }
	#sitewrapper #content #main .sidebar .container dl {
		background: #FFFFFF;
		padding: 0 0 10px 0;
		margin: 0;
		position: relative;
		z-index: 2500;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif; }
		#sitewrapper #content #main .sidebar .container dl dt {
			font-weight: bold;
			padding: 10px 15px 0 15px;
			line-height: 150%;  }
		#sitewrapper #content #main .sidebar .container dl dd {
			padding: 0 15px 0 15px;
			margin: 0;
			line-height: 150%; }
	#sitewrapper #content #main .sidebar .container table {
		width: 100%;
		background: #FFFFFF;
		position: relative;
		z-index: 2500;
		padding-bottom: 10px;
		font-size: 12px; }
		#sitewrapper #content #main .sidebar .container table thead { }
			#sitewrapper #content #main .sidebar .container table thead tr { }
				#sitewrapper #content #main .sidebar .container table thead tr th {
					text-align: left;
					padding: 10px;
					border-bottom: 1px solid #DADADA; }
		#sitewrapper #content #main .sidebar .container table tbody { }
			#sitewrapper #content #main .sidebar .container table tbody tr { }
				#sitewrapper #content #main .sidebar .container table tbody tr.odd { }
					#sitewrapper #content #main .sidebar .container table tbody tr.odd td { }
				#sitewrapper #content #main .sidebar .container table tbody tr td {
					padding: 7px 10px;
					border-bottom: 1px solid #DADADA; }
					#sitewrapper #content #main .sidebar .container table tbody tr td.invoice-amount { text-align: right; }
					#sitewrapper #content #main .sidebar .container table tbody tr td a { font-weight: bold; }


/* =Sitewrapper -> Content -> Fieldsets
--------------------*/
fieldset {
	border: none;
	padding-left: 15px;
	margin: 15px 0 0 0;
	position: inherit;
	background: transparent url("/images/bg_fieldset.gif") repeat-y  0 0; }
	fieldset p { clear: left; }
		fieldset p label {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			display: block; }
		fieldset p span {
			display: block;
			background: #E9E9E9;
			width: 460px;
			padding: 4px; }
			fieldset p span select,
			fieldset p span input {
				border: 1px solid #A7A7A7;
				padding: 4px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 13px;
				font-weight: bold;}
			fieldset p span select {
				padding: 3px 4px; }
			fieldset p span input { width: 450px; }
			fieldset p span select { width: 460px; }
	fieldset option { color: #000000; font-weight: normal; }
	fieldset optgroup {
	  font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #666666;
		font-style: normal;
		font-weight: bold; }
		fieldset optgroup option {
		  font-family: Arial, Helvetica, sans-serif;
			font-size: 13px; }

	/* =Sitewrapper -> Header
	--------------------*/
	#sitewrapper #header {
	   width: 990px;
	   padding-top: 40px; }
		#sitewrapper #header #global-navigation {
			text-align: right;
			font-size: 11px;
			position: relative;
			top: -25px; }
			#sitewrapper #header #global-navigation a {
				font-weight: bold; }
		#sitewrapper #header a#logo {
			height: 51px;
			width: 135px;
			float: left;
			position: relative;
			top: -10px;
			background: transparent url(/images/logo.gif) no-repeat 0 0;
			text-indent: -5000px; }
		#sitewrapper #header ul#navigation {
            margin: 0 auto !important;
			margin: 0 0 0 260px;
            width: 480px; }
			#sitewrapper #header ul#navigation li {
				float: left;
				margin: 0 2px 0 0; }
				#sitewrapper #header ul#navigation li a {
					display: block;
					height: 55px;
					width: 158px;
					text-indent: -5000px;
					position: relative;
					margin: 0 0 -9px 0;
					text-decoration: none; }
					#sitewrapper #header ul#navigation li a:hover {
						z-index: 1000;
						text-decoration: none; }
				#sitewrapper #header ul#navigation li a#nav-timecard { background: transparent url(/images/navigation.gif) no-repeat 0 -112px; }
					#sitewrapper #header ul#navigation li a:hover#nav-timecard { background: transparent url(/images/navigation.gif) no-repeat 0 -56px; }
					body#timecard-page #sitewrapper #header ul#navigation li a#nav-timecard,
					body#timecard-page #sitewrapper #header ul#navigation li a:hover#nav-timecard { background: transparent url(/images/navigation.gif) no-repeat 0 0; z-index: 1000; }
				#sitewrapper #header ul#navigation li a#nav-projects { background: transparent url(/images/navigation.gif) no-repeat -160px -112px; }
					#sitewrapper #header ul#navigation li a:hover#nav-projects { background: transparent url(/images/navigation.gif) no-repeat -160px -56px; }
					body#my-open-projects #sitewrapper #header ul#navigation li a#nav-projects,
					body#my-open-projects #sitewrapper #header ul#navigation li a:hover#nav-projects,
					body#my-closed-projects #sitewrapper #header ul#navigation li a#nav-projects,
					body#my-closed-projects #sitewrapper #header ul#navigation li a:hover#nav-projects,
					body#all-open-projects #sitewrapper #header ul#navigation li a#nav-projects,
					body#all-open-projects #sitewrapper #header ul#navigation li a:hover#nav-projects,
					body#all-closed-projects #sitewrapper #header ul#navigation li a#nav-projects,
					body#all-closed-projects #sitewrapper #header ul#navigation li a:hover#nav-projects,
					body#project-drill-down #sitewrapper #header ul#navigation li a#nav-projects,
					body#project-drill-down #sitewrapper #header ul#navigation li a:hover#nav-projects,
					body#create-edit-projects #sitewrapper #header ul#navigation li a#nav-projects { background: transparent url(/images/navigation.gif) no-repeat -160px 0px; z-index: 1000; }
				#sitewrapper #header ul#navigation li a#nav-reporting { background: transparent url(/images/navigation.gif) no-repeat -320px -112px;  }
					#sitewrapper #header ul#navigation li a:hover#nav-reporting { background: transparent url(/images/navigation.gif) no-repeat -320px -56px; }
					body#reports #sitewrapper #header ul#navigation li a#nav-reporting,
					body#reports #sitewrapper #header ul#navigation li a:hover#nav-reporting { background: transparent url(/images/navigation.gif) no-repeat -320px 0px; z-index: 1000; }

	/* =Sitewrapper -> Content
	--------------------*/
	#sitewrapper #content {
		clear: both;
		background: #FFFFFF;
		z-index: 100;
		position: relative;
		border: 1px solid #A7A7A7; }
		#sitewrapper #content #main {
			clear: both;
			background: #FFFFFF;
			z-index: 100;
			position: relative;
			border: 8px solid #F3F3F3 !important;
			border: 7px solid #F3F3F3; /* Hack for IE, need to fix. Has to do with an extra 1px of whitespace between #content and #main. */
			padding: 20px; }

			/* =Sitewrapper -> Content -> Quicklinks
			--------------------*/
			#sitewrapper #content #main #quicklinks {
				float: right;
				width: 285px;
				position: relative; /* Fix bug in IE that hides the div because of the z-index. */ }
				#sitewrapper #content #main #quicklinks h2 {
					font-size: 16px;
					padding: 13px 0 25px 12px; }
				#sitewrapper #content #main #quicklinks h3 {
					font-size: 14px;
					background: #F3F3F3;
					padding: 5px 10px; }
				#sitewrapper #content #main #quicklinks ul {
					font-size: 11px;
					font-weight: bold;
					margin: 12px; }
					#sitewrapper #content #main #quicklinks ul li { line-height: 200%; }
						#sitewrapper #content #main #quicklinks ul li ul {
							margin: 0 12px 12px 12px; }
							#sitewrapper #content #main #quicklinks ul li ul li {
								font-weight: normal;
								line-height: 180%; }
								#sitewrapper #content #main #quicklinks ul li ul li a { font-weight: normal; }

				/* =Sitewrapper -> Content -> Quicklinks -> Blank Slate
				--------------------*/
				#sitewrapper #content #main #quicklinks div.blank-slate {
					background: #FFFFD5;
					border: 1px solid #D2D203; }
					#sitewrapper #content #main #quicklinks div.blank-slate p {
						margin: 10px;
						background: #FFFFFF;
						padding: 10px;
						font-size: 12px;
						font-family: Arial, Helvetica, sans-serif;
						line-height: 150%; }
						#sitewrapper #content #main #quicklinks div.blank-slate p strong {
							display: block; }

			/* =Sitewrapper -> Content -> Timecard
			--------------------*/
			body#timecard-page div#fd-view-calendar.datePicker { top: 150px !important; left: 52% !important; }
			#sitewrapper #content #main #timecard {
				width: 615px;
				float: left;
				position: relative;
				z-index: 0 }
				#sitewrapper #content #main #timecard a#switch-user {
					font-size:  12px;
					font-weight: bold; }
				#sitewrapper #content #main #timecard a#back-to-today {
				  display: block;
					float: right;
					clear: right;
					font-size: 11px;
					font-weight: normal;
					padding: 2px; }
			  #sitewrapper #content #main #timecard a.date-picker-control {
			    height: 19px;
			    width: 119px;
					float: right;
					background-image: url("/images/bg_view-calendar.gif");
					background-repeat: no-repeat;
					background-position: 0 0; }
					#sitewrapper #content #main #timecard a.date-picker-control:hover {
					  background-position: -119px 0; }
				#sitewrapper #content #main #timecard h1 {
					font-size: 16px;
					clear: left;
					margin: 5px 0 20px 0; }
					#sitewrapper #content #main #timecard h1 span.remove-alias {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 9px;
						color: #FF0000;
						background: #FFFFCC;
						padding: 5px; }
						#sitewrapper #content #main #timecard h1 span.remove-alias a {
							color: #FF0000; }
							#sitewrapper #content #main #timecard h1 span.remove-alias a:hover {
								background: #FF0000;
								color: #FFFFFF; }
				#sitewrapper #content #main #timecard a#last-week,
				#sitewrapper #content #main #timecard a#next-week {
					display: block;
					height: 20px;
					width: 20px;
					text-indent: -5000px;
					padding: 0;
					border: 1px solid #4A91D8; }
				#sitewrapper #content #main #timecard a#last-week {
					background: #FFFFFF url("/images/icon_last-week.gif") no-repeat 50% 50%;
					text-decoration: none;
					float: left;
					position: relative;
					z-index: 3000;
					margin: 12px 2px 3px 3px !important;
					margin: 12px -2px 3px 1px; }
				#sitewrapper #content #main #timecard a#next-week {
					background: #FFFFFF url("/images/icon_next-week.gif") no-repeat 50% 50%;
					text-decoration: none;
					float: right;
					position: relative;
					z-index: 3000;
					margin: 12px 4px 0px 2px !important;
					margin: 12px 1px 0px 0px; }

                /* =Sitewrapper -> Content -> Timecard -> Dates
    			--------------------*/
				#sitewrapper #content #main #timecard #current-dates {
					position: relative;
					z-index: 2000; }
				#sitewrapper #content #main #timecard #dates ul {
					height: 37px;
					width: auto;
					position: relative; }
					#sitewrapper #content #main #timecard #dates ul li {
                        float: left;
                        margin: 0 1px; }
						#sitewrapper #content #main #timecard #dates ul li a {
							display: block;
							background: #7DB0E3;
							border: 1px solid #7DB0E3;
							height: 32px;
							width: 72px;
							padding: 0 2px;
							position: relative;
							font-family: Arial, Helvetica, sans-serif;
							color: #FFFFFF;
							text-decoration: none;
							position: relative;
							top: 1px; }
							#sitewrapper #content #main #timecard #dates ul li a:hover {
								background: #ECF5FF;
								color: #4A91D8; }
							#sitewrapper #content #main #timecard #dates ul li a.current {
								background: #ECF5FF;
								border-bottom: none;
								color: #4A91D8;
								height: 36px !important;
								height: 37px;
								position: relative;
								bottom: -1px; }
							#sitewrapper #content #main #timecard #dates ul li a span {
								background: transparent url("/images/icon_has-time.gif") no-repeat 0 0;
								display: block;
								height: 12px;
								width: 78px;
								position: absolute;
								top: -9px;
								left: -1px; }
							#sitewrapper #content #main #timecard #dates ul li a b { display: block; }
								#sitewrapper #content #main #timecard #dates ul li a b.date {
									font-size: 2.8em;
									float: right; }
								#sitewrapper #content #main #timecard #dates ul li a b.day {
									font-weight: normal;
									text-transform: uppercase;
									position: relative;
									top: 3px; }
								#sitewrapper #content #main #timecard #dates ul li a b.month {
									font-size: 1.4em;
									text-transform: uppercase; }

                /* =Sitewrapper -> Content -> Timecard -> Enter-Time
    			--------------------*/
				#sitewrapper #content #main #enter-time {
					clear: left;
					background: #ECF5FF;
					border: 1px solid #7DB0E3;
					padding: 10px;
					position: relative;
					z-index: 5 }
					#sitewrapper #content #main #enter-time form {
						background: #FFFFFF url("/images/bg_enter-time.gif") repeat-x left bottom;
						padding: 10px; }
						#sitewrapper #content #main #enter-time form fieldset {
							clear: both;
							margin: 5px 0 10px 0;
							border: none;
							background: none;
							padding: 0; }
							#sitewrapper #content #main #enter-time form fieldset label {
								font-family: Verdana, Arial, Helvetica, sans-serif;
								font-size: 12px;
								display: block;
								color: #000000;
								margin: 0 0 5px 5px; }
							#sitewrapper #content #main #enter-time form fieldset span {
									background: #D9ECFF;
									padding: 5px;
									display: block; }
								#sitewrapper #content #main #enter-time form fieldset span input {
										border: 1px solid #7EB0E3;
										display: block;
										font-family: Arial, Helvetica, sans-serif;
										font-size: 14px;
										font-weight: bold;
										color: #000000;
										padding: 3px 5px; }


						#sitewrapper #content #main #enter-time form fieldset#client-project { }
							#sitewrapper #content #main #enter-time form fieldset#client-project label { }
							#sitewrapper #content #main #enter-time form fieldset#client-project span { }
								#sitewrapper #content #main #enter-time form fieldset#client-project span input {
									width: 550px; }
									
									/* For simplicity, the client-project field has been replaced with a client and project drop-down */
									
						#sitewrapper #content #main #enter-time form fieldset#task { }
							#sitewrapper #content #main #enter-time form fieldset#task label { }
							#sitewrapper #content #main #enter-time form fieldset#task span { }
								#sitewrapper #content #main #enter-time form fieldset#client span select,
								#sitewrapper #content #main #enter-time form fieldset#project span select,
								#sitewrapper #content #main #enter-time form fieldset#task span select {
									width: 560px;
									border: 1px solid #7EB0E3;
									font-family: Arial, Helvetica, sans-serif;
									font-size: 13px;
									font-weight: bold;
									color: #000000;
									padding: 3px 5px; }
						#sitewrapper #content #main #enter-time form fieldset#time {
							width: 130px;
							float: left;
							position: relative;
							z-index: 5 }
							#sitewrapper #content #main #enter-time form fieldset#time label { }
							#sitewrapper #content #main #enter-time form fieldset#time span { }
								#sitewrapper #content #main #enter-time form fieldset#time span input {
									padding: 5px 0;
									font-size: 38px;
									width: 117px;
									text-align: center; }
						#sitewrapper #content #main #enter-time form fieldset#notes {
							width: 420px;
							float: right;
							clear: none;
							position: relative;
							z-index: 5 }
							#sitewrapper #content #main #enter-time form fieldset#notes label { }
							#sitewrapper #content #main #enter-time form fieldset#notes span { }
									#sitewrapper #content #main #enter-time form fieldset#notes span textarea {
									border: 1px solid #7EB0E3;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-size: 11px;
									height: 48px;
									width: 397px;
									color: #000000;
									padding: 3px 5px;
									overflow: auto; }
						#sitewrapper #content #main #enter-time form fieldset#action {
							padding-top: 10px;
							height: 45px; }
							#sitewrapper #content #main #enter-time form fieldset#action a {
								float: right;
								color: #F90000;
								font-weight: bold;
								text-decoration: underline;
								font-size: 12px;
								padding-top: 15px; }
								#sitewrapper #content #main #enter-time form fieldset#action a:hover {
									background: none; }
							#sitewrapper #content #main #enter-time form fieldset#action input { }
								#sitewrapper #content #main #enter-time form fieldset#action input#btn_enter-time { }

                /* =Sitewrapper -> Content -> Timesheet
    			--------------------*/
				#sitewrapper #content #main #timesheet {
					position: relative;
					z-index: 5 }
					#sitewrapper #content #main #timesheet h2 {
						font-size: 1.6em;
						font-family: Arial, Helvetica, sans-serif;
						clear: left;
						margin: 20px 0 15px 0; }
					#sitewrapper #content #main #timesheet #time-entered {
						background: #ECF5FF;
						border: 1px solid #7DB0E3;
						padding: 10px; }
						#sitewrapper #content #main #timesheet #time-entered #entries {
							background: #FFFFFF;
							padding: 1px 10px 1px 10px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 11px; }
							#sitewrapper #content #main #timesheet #time-entered #entries div { }
								#sitewrapper #content #main #timesheet #time-entered #entries div h3 {
									font-size: 14px;
									font-family: Arial, Helvetica, sans-serif;
									margin: 20px 0 15px 0;
									padding: 0; }
									#sitewrapper #content #main #timesheet #time-entered #entries div h3 span.edit-remove {
									  margin-left: 15px;
									  font-size: 9px;
									  font-family: Verdana, Arial, Helvetica, sans-serif; }
									#sitewrapper #content #main #timesheet #time-entered #entries div h3 span.edit-remove,
									#sitewrapper #content #main #timesheet #time-entered #entries div h3 span.edit-remove a {
										color: #FF0000;
										font-weight: normal; }
										#sitewrapper #content #main #timesheet #time-entered #entries div h3 span.edit-remove a:hover {
											background: #FF0000;
											color: #FFFFFF; }

               					/* =Sitewrapper -> Content -> Timesheet -> Entry
				    			--------------------*/
								#sitewrapper #content #main #timesheet #time-entered #entries div div.entry {
									border: 1px solid #16CD02;
									background: #DEFCDC;
									padding: 10px;
									margin-bottom: 10px; }
									#sitewrapper #content #main #timesheet #time-entered #entries div.entry span.time {
										float: right;
										margin-right: 0px;
										font-size: 11px;
										width: 110px;
										position: relative;
										z-index: 5;
										text-align: right;
										padding: 3px 10px;
										background: #EFFEEE; }
										#sitewrapper #content #main #timesheet #time-entered #entries div.entry span.time b { display: none; }
										#sitewrapper #content #main #timesheet #time-entered #entries div.entry span.time span.hours {
											font-size: 38px;
											font-family: Arial, Helvetica, sans-serif;
											font-weight: bold;
											padding-right: 8px;
											background: transparent url("/images/icon_hrs.gif") no-repeat 100% 50%; }
										#sitewrapper #content #main #timesheet #time-entered #entries div.entry span.time span.minutes {
											font-size: 38px;
											font-family: Arial, Helvetica, sans-serif;
											font-weight: bold;
											padding: 0 8px 0 5px;
											background: transparent url("/images/icon_mins.gif") no-repeat 100% 50%; }
									#sitewrapper #content #main #timesheet #time-entered #entries div div.entry h4 {
										margin-left: 0px;
										font-weight: normal;
										font-size: 11px;
										font-family: Verdana, Arial, Helvetica, sans-serif; }
									#sitewrapper #content #main #timesheet #time-entered #entries div div.entry h5 {
										margin: 5px 0 5px 0;
										font-size: 11px;
										font-weight: normal;
										font-family: Verdana, Arial, Helvetica, sans-serif; }

                					/* =Sitewrapper -> Content -> Timesheet -> Entry -> Summary
					    			--------------------*/
									#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div { }
										#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs {
											padding: 12px 0 0 0;
											position: relative;
											z-index: 3000;
											height: 17px; }
											#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li {
												font-weight: bold;
												display: inline;
												margin: 0 0 0 3px; }
												#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li a { }
													#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li.tab a {
														background: #99C295;
														border-left: 1px solid #99C295;
														border-right: 1px solid #99C295;
														padding: 3px 15px 4px 15px;
														color: #FFFFFF;
														text-decoration: none;
														text-align: center;
														font-size: 11px; }
														#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li.tab a:hover {
															background: #18CD04;
															border-left: 1px solid #18CD04;
															border-right: 1px solid #18CD04; }
													#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li.tab.on {
														border: 1px solid #17CD03;
														border-bottom: none;
														background: #FFFFFF;
														text-align: center;
														text-decoration: none;
														padding: 6px 15px 4px 15px;
														color: #000000;
														position: relative;
														top: 1px; }
	
										#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary {
											line-height: 150%;
											font-size: 11px;
											background: #FFFFFF;
											border-top: 1px solid #17CD03;
											padding: 10px;
											clear: both; }
											#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary p.task-budget,
											#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary p.people {
  											margin: 0; }
											#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section { }
											  #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section pre {
  											  margin: 0;
  											  font-family: Verdana, Arial, Helvetica, sans-serif;
  											  font-size: 12px;
  											  line-height: 14px;
  											  white-space: pre-wrap !important;
                				  white-space: normal; }

        			        					/* =Sitewrapper -> Content -> Timesheet -> Entry -> Summary --> Graph
								    			--------------------*/
												#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph {
													width: 230px;
													height: 15px;
													float: right;
													position: relative;
													margin-top: 5px; }
													#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph .graph_thin_green_bar,
													#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph .graph_thin_yellow_bar,
													#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph .graph_thin_red_bar,
													#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph .graph_thin_no-bar_bar {
														width: 197px; }

							
        			        					/* =Sitewrapper -> Content -> Timesheet -> Entry -> Summary --> Budget Info
								    			--------------------*/
												#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section p.task-budget, 
												#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section p.people {
													font-size: 11px;
													line-height: 150%; }
													#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section p.task-budget strong { }
														#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section p.task-budget strong.over {
															color: #CC0000; }

       					/* =Sitewrapper -> Content -> Timesheet -> Day/Week Total
		    			--------------------*/
						#sitewrapper #content #main #timesheet #time-entered h3 {
							font-family: Arial, Helvetica, sans-serif;
							font-weight: bold;
							color: #000000;
							font-size: 16px;
							margin: 10px 0 0 10px; }
						#sitewrapper #content #main #timesheet #time-entered p {
							font-size: 12px;
							line-height: 180%;
							margin: 0 0 0 10px; }

                /* =Sitewrapper -> Content -> Projects
    			--------------------*/
				#sitewrapper #content #main #projects {
					position: relative;
					z-index: 5 }
				#sitewrapper #content #main #rss-my-open-projects {
					padding-top: 20px;
					font-size: 11px; }
				#sitewrapper #content #main #rss-warning {
					padding-top: 5px;
					font-size: 10px; }

                /* =Sitewrapper -> Content -> Lock_Unlock
    			--------------------*/
        #sitewrapper #content #main #lock_unlock {
          padding: 0 0 5px 0;
          font-size: 11px;
          line-height: 15px; }
        #sitewrapper #content #main #lock_unlock span {
          font-style: italic;
          font-size: 10px;
          color: #666666; }

                /* =Sitewrapper -> Content -> Projects -> Top Content
    			--------------------*/
				#sitewrapper #content #main #projects a#switch-user {
					font-size: 12px;
					font-weight: bold; }
				#sitewrapper #content #main #projects a#create-a-new-project {
					font-size: 12px;
					font-weight: bold;
					float: right;
					color: #FF0000;
					position: relative;
					z-index: 3000; }
					#sitewrapper #content #main #projects a#create-a-new-project:hover {
						background-color: #FF0000;
						color: #FFFFFF; }
				#sitewrapper #content #main #projects #out-of-projects {
					font-size: 12px;
					float: right;
					color: #000000;
					position: relative;
					z-index: 3000; }
					#sitewrapper #content #main #projects #out-of-projects a { color: #FF0000; }
						#sitewrapper #content #main #projects #out-of-projects a:hover {
						background-color: #FF0000;
						color: #FFFFFF; }
				#sitewrapper #content #main #projects h1 {
					font-size: 16px;
					clear: left;
					margin: 5px 0 20px 0; }

					/* =Sitewrapper -> Content -> Projects -> Project Listings
					--------------------*/
					#sitewrapper #content #main #projects #project-listing {
						background: #ECF5FF;
						border: 1px solid #7DB0E3;
						padding: 10px; }
						#sitewrapper #content #main #projects #project-listing #show-client {
							font-size: 12px;
							font-weight: bold;
							height: 43px; }
							#sitewrapper #content #main #projects #project-listing #show-client b {
								float: left;
								margin: 0 15px 0 10px;
								line-height: 33px; }
							#sitewrapper #content #main #projects #project-listing #show-client span {
								background-color: #D9ECFF;
								padding: 4px;
								float: left;
								display: block; }
								#sitewrapper #content #main #projects #project-listing #show-client span select {
									width: 460px;
									border: 1px solid #7EB0E3;
									font-family: Arial, Helvetica, sans-serif;
									font-size: 13px;
									font-weight: bold;
									color: #000000;
									padding: 3px 5px; }

					/* =Sitewrapper -> Content ->  Projects -> Project Listings -> Projects
					--------------------*/
						#sitewrapper #content #main #projects #project-listing #project {
							background-color: #FFFFFF;
							padding: 1px 10px 1px 10px; }
							#sitewrapper #content #main #projects #project-listing #project h3 {
								font-family: Arial, Helvetica, sans-serif;
								font-size: 14px;
								margin: 15px 0 10px 0;
								color: #000000; }
							#sitewrapper #content #main #projects #project-listing #project div.project {
								border: 1px solid #16CD02;
								background: #DEFCDC;
								padding: 10px;
								margin-bottom: 10px; }
								#sitewrapper #content #main #projects #project-listing #project div.project div.summary {
									background: #FFFFFF url("/images/bg_gradient_project-summary.gif") repeat-x left bottom;
									padding: 10px 10px 10px 10px; }
									#sitewrapper #content #main #projects #project-listing #project div.project div.summary a.close-project,
									#sitewrapper #content #main #projects #project-listing #project div.project div.summary a.edit-project {
										color: #FF0000;
										font-size: 11px;
										font-family: Arial, Helvetica, sans-serif;
										text-decoration: underline;
										float: right;
										position: relative;
										z-index: 3000; }
									#sitewrapper #content #main #projects #project-listing #project div.project div.summary a.edit-project {
										position: relative;
										right: 10px; }
										#sitewrapper #content #main #projects #project-listing #project div.project div.summary a.close-project:hover,
										#sitewrapper #content #main #projects #project-listing #project div.project div.summary a.edit-project:hover {
											color: #FFFFFF;
											background-color: #FF0000; }
									#sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 {
										font-size: 11px;
										font-weight: normal;
										font-family: Verdana, Arial, Helvetica, sans-serif; }
										#sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a {
											font-size: 12px;
											color: #2976C2;
											text-decoration: underline; }
											#sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a.basecamp {
											  padding-right: 25px;
											  background: transparent url("/images/icon_basecamp.gif") no-repeat 100% 50%; }
										  #sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a.recurring {
											  padding-right: 25px;
											  background: transparent url("/images/icon_recurring.png") no-repeat 100% 50%; }
											#sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a:hover {
												color: #FFFFFF;
												background-color: #2976C2; }
									#sitewrapper #content #main #projects #project-listing #project div.project div.summary h5 {
										font-size: 11px;
										font-weight: normal;
										font-family: Verdana, Arial, Helvetica, sans-serif;
										margin-top: 7px; }

									#sitewrapper #content #main #projects #project-listing #project div.project div.section {
										background: #FFFFFF;
										border-top: 1px solid #16CD02;
										padding: 10px; }

										/* =Sitewrapper -> Content -> Projects -> Project Listings -> Projects --> Graph
										--------------------*/
										#sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph {
											height: 15px;
											float: right;
											width: 425px;
											position: relative;
											margin-top: 5px; }
											#sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph .graph_thin_green_bar,
											#sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph .graph_thin_yellow_bar,
											#sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph .graph_thin_red_bar,
											#sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph .graph_thin_no-bar_bar {
												width: 400px; }

							
        			        					/* =Sitewrapper -> Content -> Projects -> Project Listings -> Projects --> Budget Info
								    			--------------------*/
												#sitewrapper #content #main #projects #project-listing #project div.project div.section p.project-budget { 
													font-size: 12px;
													line-height: 150%; }
													#sitewrapper #content #main #projects #project-listing #project div.project div.section p.project-budget strong { }
														#sitewrapper #content #main #projects #project-listing #project div.project div.section p.project-budget strong.over {
															color: #CC0000; }
												#sitewrapper #content #main #projects #project-listing #project div.project div.section p.people {
													font-size: 11px;
													line-height: 150%; }

 
				/* =Sitewrapper -> Content -> Projects -> My Closed Projects / All Open Projects
    			--------------------*/
				#sitewrapper #content #main #projects #project-listing #project.my-closed-projects, 
				#sitewrapper #content #main #projects #project-listing #project.all-open-projects, 
				#sitewrapper #content #main #projects #project-listing #project.all-closed-projects {
					padding: 0 0 20px 0; }
				#sitewrapper #content #main #projects #project-listing #project table {
					width: 100%; }
					#sitewrapper #content #main #projects #project-listing #project table thead { }
						#sitewrapper #content #main #projects #project-listing #project table thead tr { }
							#sitewrapper #content #main #projects #project-listing #project table thead tr th {
								font-size: 12px;
								font-family: Arial, Helvetica, sans-serif;
								color: #000000;
								text-align: left;
								padding: 20px 0 4px 10px;
								border-bottom: 1px solid #DADADA; }
								#sitewrapper #content #main #projects #project-listing #project table thead tr th.project-name { }
								#sitewrapper #content #main #projects #project-listing #project table thead tr th.project-budget,
								#sitewrapper #content #main #projects #project-listing #project table thead tr th.time-entered,
								#sitewrapper #content #main #projects #project-listing #project table thead tr th.results,
								#sitewrapper #content #main #projects #project-listing #project table thead tr th.project-tasks {
									text-align: right; }
								#sitewrapper #content #main #projects #project-listing #project table thead tr th.last-column {
									padding-right: 20px; }
					#sitewrapper #content #main #projects #project-listing #project table tbody { }
						#sitewrapper #content #main #projects #project-listing #project table tbody tr { }
							#sitewrapper #content #main #projects #project-listing #project table tbody tr.odd { }
								#sitewrapper #content #main #projects #project-listing #project table tbody tr.odd td { background-color: #FBFBFB; }
							#sitewrapper #content #main #projects #project-listing #project table tbody tr td {
								border-bottom: 1px solid #DADADA;
								line-height: 25px; }
								#sitewrapper #content #main #projects #project-listing #project table tbody tr td strong {
									font-weight: normal;
									color: #F90000; }
								#sitewrapper #content #main #projects #project-listing #project table td.project-name {
									padding-left: 10px; }
									#sitewrapper #content #main #projects #project-listing #project table td.project-name { }
										#sitewrapper #content #main #projects #project-listing #project table td.project-name a {
											font-size: 12px;
											font-family: Arial, Helvetica, sans-serif;
											font-weight: bold; }
								#sitewrapper #content #main #projects #project-listing #project table td.project-budget,
								#sitewrapper #content #main #projects #project-listing #project table td.time-entered,
								#sitewrapper #content #main #projects #project-listing #project table td.results,
								#sitewrapper #content #main #projects #project-listing #project table td.project-tasks {
									text-align: right;
									font-size: 12px; }
								#sitewrapper #content #main #projects #project-listing #project table td.project-budget {
									width: 130px; }
								#sitewrapper #content #main #projects #project-listing #project table td.time-entered {
									width: 130px; }
								#sitewrapper #content #main #projects #project-listing #project table td.results {
									width: 100px; }
								#sitewrapper #content #main #projects #project-listing #project table td.last-column {
									padding-right: 20px; }

 
 
               /* =Sitewrapper -> Content -> Create/Edit Project -> Delete Project
    			--------------------*/
				#sitewrapper #content #main #delete-project {
					border: 1px solid #D2D202;
					background: #FFFFD5;
					padding: 10px;
					width: 273px;
					z-index: 2000;
					margin-bottom: 10px;
					font-size: 11px;
					line-height: 150%; }
					#sitewrapper #content #main #delete-project div.bg {
						display: block;
						padding: 10px;
						background: #FFFFFF url("/images/bg_gradient_project_delete.gif") repeat-x bottom left; }
						#sitewrapper #content #main #delete-project div.bg h4 {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 14px;
							margin: 0 0 5px 0; }
						#sitewrapper #content #main #delete-project div.bg p { margin: 0 0 10px 0; }
							#sitewrapper #content #main #delete-project div.bg p strong { font-weight: normal; color: #F90000; }
							#sitewrapper #content #main #delete-project div.bg p a { font-weight: bold; }

               /* =Sitewrapper -> Content -> Create/Edit Project -> Task Template
    			--------------------*/
				#sitewrapper #content #main #import-tasks {
					border: 1px solid #A7A7A7;
					background: #F7F7F7;
					padding: 10px;
					width: 273px;
					z-index: 2000;
					margin-bottom: 10px;
					font-size: 11px;
					line-height: 150%; }
						#sitewrapper #content #main #import-tasks h3 {
          		background: #F2F8FF url("/images/bg_gradient_date-picker.gif") repeat-x top left;
          		font-size: 18px;
          		font-family: Arial, Helvetica, sans-serif;
          		color: #000000;
          		padding: 10px;
          		position: relative;
          		z-index: 2500;
          		border-bottom: 1px solid #A7A7A7; }
          		#sitewrapper #content #main #import-tasks h3 span.note { 
								font-size: 12px;
								color: #239715;
								font-weight: normal;
								font-variant:small-caps; }
							#sitewrapper #content #main #import-tasks #import-from-tick {
							  background-color: #FFFFFF;
							  padding: 15px 10px 13px 10px;	}
							#sitewrapper #content #main #import-tasks #import-from-basecamp {
							  background-color: #FFFFFF;
							  padding: 0 10px 15px 10px;	}
    						#sitewrapper #content #main #import-tasks #import-from-tick h4,
    						#sitewrapper #content #main #import-tasks #import-from-basecamp h4 {
    							font-family: Arial, Helvetica, sans-serif;
    							font-size: 14px;
    							margin: 0 0 0 0; }
    							#sitewrapper #content #main #import-tasks #import-from-basecamp h4 {
    							  padding: 15px 0 0 0;
    							  border-top: 1px dotted #CCCCCC;
    							  background: transparent url("/images/icon_basecamp.gif") no-repeat 84% 98%; }
						    #sitewrapper #content #main #import-tasks #import-from-tick p,
						    #sitewrapper #content #main #import-tasks #import-from-basecamp p {
						      font-family: Arial, Helvetica, sans-serif; 
						      font-size: 12px; }
				      #sitewrapper #content #main #import-tasks #import-from-basecamp a {
							  display: block;
          			width: 172px;
          			height: 23px;
          			margin-top: 5px;
          			text-indent: -5000px;
          			cursor: pointer;
          			background: transparent url('/images/btn_bc_import_todos.gif') no-repeat 0 0; }
          			#sitewrapper #content #main #import-tasks #import-from-basecamp a:hover,
          			#sitewrapper #content #main #import-tasks #import-from-basecamp a:active {
            			background: transparent url('/images/btn_bc_import_todos.gif') no-repeat -172px 0; }
				
               /* =Sitewrapper -> Content -> Create/Edit Project -> Project Template -> Template Select
    			--------------------*/
				#sitewrapper #content #main #import-tasks fieldset { background: none; padding-left: 0; margin-top: 10px; }
					#sitewrapper #content #main #import-tasks fieldset p { }
						#sitewrapper #content #main #import-tasks fieldset p span { padding: 4px; width: 245px; background: #E9E9E9; }
							#sitewrapper #content #main #import-tasks fieldset p span select {
								border: 1px solid #A7A7A7;
								width: 245px; }
								#sitewrapper #content #main #import-tasks fieldset p span select option { }
				
                /* =Sitewrapper -> Content -> Create/Edit Project -> Create/Edit Project
    			--------------------*/
				#sitewrapper #content #main #create-edit-project {
					width: 615px;
					min-height: 890px; }
					#sitewrapper #content #main #create-edit-project #accessing_basecamp {
  					margin-top: 20px;
  					background: #FFFFD5; }
  					#sitewrapper #content #main #create-edit-project #accessing_basecamp p {
    					font-size: 14px;
    					margin: 0;
    					padding: 20px 0 0 25px; }
  					#sitewrapper #content #main #create-edit-project #accessing_basecamp img {
    					margin: 0;
    					padding: 0; }
					#sitewrapper #content #main #create-edit-project p#basecamp_link_error {
					  padding: 10px;
						font-family:Arial, Helvetica, sans-serif;
						line-height: 150%;
						margin-top: 30px;
						font-size: 12px;
						background: #E0EBEB;
						border: 1px solid #8FCACE; }
						#sitewrapper #content #main #create-edit-project p#basecamp_link_error a.cancel {
						  margin-left: 10px;
						  color: #F90000; }
						  #sitewrapper #content #main #create-edit-project p#basecamp_link_error a.cancel:hover {
  						  color: #FFFFFF;
  						  background-color: #F90000; }					
					#sitewrapper #content #main #create-edit-project a#link-to-basecamp {
						font-size: 12px;
						font-weight: bold;
						float: right;
						padding-left: 25px;
						line-height: 18px;
						background-image: url("/images/icon_basecamp.gif");
						background-repeat: no-repeat;
						background-position: 0 0; }
					#sitewrapper #content #main #create-edit-project h1 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 16px;
						padding-bottom: 7px;
						margin-bottom: 0;
						border-bottom: 1px solid #A7A7A7; }
					#sitewrapper #content #main #create-edit-project h2 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 14px;
						margin: 30px 0 5px 0; }
					#sitewrapper #content #main #create-edit-project p {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 12px;
						margin: 0 0 7px 0; }
							#sitewrapper #content #main #create-edit-project fieldset#client,
							#sitewrapper #content #main #create-edit-project fieldset#project { }
							#sitewrapper #content #main #create-edit-project fieldset#client p span,
							#sitewrapper #content #main #create-edit-project fieldset#project p span { width: 465px; }
								#sitewrapper #content #main #create-edit-project fieldset#client p span input,
								#sitewrapper #content #main #create-edit-project fieldset#project p span input { width: 455px; }
								#sitewrapper #content #main #create-edit-project fieldset#client p span select { width: 465px; }
							#sitewrapper #content #main #create-edit-project fieldset#budget { }
								#sitewrapper #content #main #create-edit-project fieldset#budget p { margin: 0; padding: 0; }
									#sitewrapper #content #main #create-edit-project fieldset#budget p#project-budget {
										width: 240px;
										float: left; }
										#sitewrapper #content #main #create-edit-project fieldset#budget p#project-budget span { width: 75px; float: left; }
											#sitewrapper #content #main #create-edit-project fieldset#budget p#project-budget span input { width: 65px; }
										#sitewrapper #content #main #create-edit-project fieldset#budget p#project-budget label {
											display: inline;
											padding-left: 10px;
											line-height: 260%;
											font-weight: normal;
											color: #999999; }
									#sitewrapper #content #main #create-edit-project fieldset#budget p#use-tasks {
										float: left;
										clear: none;
										margin-left: 20px; }
										#sitewrapper #content #main #create-edit-project fieldset#budget p#use-tasks label { }
											#sitewrapper #content #main #create-edit-project fieldset#budget p#use-tasks label span {
											  display: inline;
											  background: #FFFFCC;
											  font-weight: bold;
  											line-height: 260%;
  											margin-left: 5px; }
											#sitewrapper #content #main #create-edit-project fieldset#budget p#use-tasks label input { }
							
							/* =Sitewrapper -> Content -> Create/Edit Project -> Create/Edit Project --> Tasks
							--------------------*/
							#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task { }
									#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead { }
										#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr { }
											#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td { }
											  #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td.name { width: 368px; }
											  #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td.budget { width: 68px; }
											  #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td.billable { width: 51px; }
												#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td label {
													font-family: Arial, Helvetica, sans-serif;
													font-size: 12px;
													font-weight: bold;
													padding-left: 4px; }
								#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task ol {
          				margin: 3px 0 10px 0; }
          				#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task ol li {
                    list-style-type: none; }
									#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody { background: #E9E9E9; }
										#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr { }
											#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td { }
											#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.name { width: 368px; }
										  #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.budget { width: 68px; }
										  #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.billable { 
										    width: 51px; 
										    text-align: center; }
												#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input {
													border: 1px solid #A7A7A7;
													padding: 4px;
													margin: 4px;
													font-family: Arial, Helvetica, sans-serif;
													font-size: 13px;
													font-weight: bold; }
													#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input.task-name { width: 350px; }
													#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input.task-budget { 
													  width: 50px; 
													  float: left; }
													#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input.task-billable { margin: 0 4px 0 0; }
												#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.trash {
													background: #FFFFFF;
													padding: 9px 10px; }
													#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.trash a {
														background: #FFFFFF url("/images/icon_trash.gif") no-repeat 50% 50%;
														text-indent: -5000px;
														display: block;
														float: right;
														height: 15px;
														width: 15px; }
														#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.trash strike a {
															background: #FFFFFF url("/images/icon_trash-inactive.gif") no-repeat 50% 50%; }
												#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.rearrange {
      										background: #FFFFFF;
      										padding: 9px 10px; }
      										#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.rearrange a {
														background: #FFFFFF url("/images/icon_drag-inactive.gif") no-repeat 50% 50%;
														text-indent: -5000px;
														display: block;
														float: right;
														height: 15px;
														width: 31px; }
														#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.rearrange a:hover {
														  background: #FFFFFF url("/images/icon_drag.gif") no-repeat 50% 50%; }
								#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task input#add-another-task {
									width: 120px;
									font-size: 12px; }
								#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task p {
									float: right;
									margin: 2px 210px 0 0 !important;
									margin: 5px 105px 0 0;
									line-height: 130%;
									font-size: 12px;
									font-family: Arial, Helvetica, sans-serif;
									color: #333333; }

							/* =Sitewrapper -> Content -> Create/Edit Project -> Create/Edit Project --> Permissions and Notifications
							--------------------*/
							#sitewrapper #content #main #create-edit-project fieldset.permissions_notifications {
								height: auto;
								float: left;
								width: 600px;
								background: transparent url("/images/bg_notification-faux-column.gif") repeat-y 0 0; }
							#sitewrapper #content #main #create-edit-project fieldset.project_owner {
							  background: transparent url("/images/bg_fieldset.gif") repeat-y 0 0; }
								  #sitewrapper #content #main #create-edit-project fieldset.project_owner p { margin: 0; }
								    #sitewrapper #content #main #create-edit-project fieldset.project_owner p span { padding: 4px; width: 200px; }
            			    #sitewrapper #content #main #create-edit-project fieldset.project_owner p span select {
            				    width: inherit; }
							#sitewrapper #content #main #create-edit-project fieldset.select_people {
							  margin-top: 0;
							  background: transparent url("/images/bg_notification-faux-column-light.gif") repeat-y 0 0; }
							  #sitewrapper #content #main #create-edit-project fieldset.select_people ul {
							    border-top: 1px solid #A7A7A7;
							    float: left; }
							#sitewrapper #content #main #create-edit-project fieldset#permissions { }
							#sitewrapper #content #main #create-edit-project fieldset#notifications { }
								#sitewrapper #content #main fieldset.permissions_notifications h4,
								#sitewrapper #content #main #create-edit-project fieldset.project_owner h4 {
									font-family: Arial, Helvetica, sans-serif;
									font-size: 12px;
									color: #000000;
									background: #FFFFFF;
									padding-bottom: 10px; }
									#sitewrapper #content #main fieldset.permissions_notifications ul {
										padding: 10px 10px 0 10px; }
										#sitewrapper #content #main fieldset.permissions_notifications ul li {
											width: 185px;
											float: left;
											font-size: 11px;
											padding: 0 5px 10px 0;
											margin: 0; }
										#sitewrapper #content #main fieldset.all_or_some ul li {
										  width: 250px; }
										    #sitewrapper #content #main fieldset#notifications ul li { width: auto; }
											#sitewrapper #content #main fieldset.permissions_notifications ul li label.selected {
											  font-weight: bold; }
											#sitewrapper #content #main fieldset.permissions_notifications ul li input {
											    float: left;
											    margin: 0 5px 5px 0; }
											#sitewrapper #content #main #create-edit-project fieldset.permissions_notifications ul li b { }
											#sitewrapper #content #main #create-edit-project fieldset.permissions_notifications ul li span {
											    color: #999999; }

							/* =Sitewrapper -> Content -> Create/Edit Project -> Create/Edit Project --> Project Recurrence
							--------------------*/
							#sitewrapper #content #main #create-edit-project fieldset.recurring_project {
								height: auto;
								float: left;
								width: 600px;
								background: transparent url("/images/bg_notification-faux-column.gif") repeat-y 0 0; }
							#sitewrapper #content #main #create-edit-project fieldset#recurrence { }
								#sitewrapper #content #main fieldset.recurring_project h4,
								#sitewrapper #content #main #create-edit-project fieldset.recurring_project h4 {
									font-family: Arial, Helvetica, sans-serif;
									font-size: 12px;
									color: #000000;
									background: #FFFFFF;
									padding-bottom: 10px; }
									#sitewrapper #content #main fieldset.recurring_project ul {
										padding: 10px 10px 0 10px; }
										#sitewrapper #content #main fieldset.recurring_project ul li {
											width: 185px;
											float: left;
											font-size: 11px;
											padding: 0 5px 10px 0;
											margin: 0; }
										    #sitewrapper #content #main fieldset#recurrence ul li { width: auto; }
											#sitewrapper #content #main fieldset.recurring_project ul li label.selected {
											  font-weight: bold; }
											#sitewrapper #content #main fieldset.recurring_project ul li input {
											    float: left;
											    margin: 0 5px 5px 0; }
											#sitewrapper #content #main #create-edit-project fieldset.recurring_project ul li b { }
											#sitewrapper #content #main #create-edit-project fieldset.recurring_project ul li span {
											    color: #999999; }


				/* =Sitewrapper -> Content -> Project -> Detail
				--------------------*/
				#sitewrapper #content #main #projects div.project-summary {
					margin: 40px 0; }
					#sitewrapper #content #main #projects div.project-summary div.budget-remaining {
						border: 1px solid #D2D202;
						background: #FFFFD5;
						padding: 10px;
						width: 483px;
						float: right;
						position: relative;
						z-index: 3000; }
						#sitewrapper #content #main #projects div.project-summary div.budget-remaining div.budget-remaining-inner {
							background: #FFFFD5 url("/images/bg_project-drill-down_budget-gradient.gif") repeat-x 0 0;
							padding: 10px; }
							#sitewrapper #content #main #projects div.project-summary div.budget-remaining h1 {
								padding: 0;
								margin: 0 0 5px 0;
								font-family: Arial, Helvetica, sans-serif;
								font-size: 20px; }
								#sitewrapper #content #main #projects div.project-summary div.budget-remaining p.project-budget {
									font-size: 12px;
									margin: 0 0 10px 0; }

									/* =Sitewrapper -> Content -> Project -> Drill Down --> Graph
									--------------------*/
									#sitewrapper #content #main #projects div.project-summary div.budget-remaining div.graph .graph_thick_green_bar,
									#sitewrapper #content #main #projects div.project-summary div.budget-remaining div.graph .graph_thick_yellow_bar,
									#sitewrapper #content #main #projects div.project-summary div.budget-remaining div.graph .graph_thick_red_bar,
									#sitewrapper #content #main #projects div.project-summary div.budget-remaining div.graph .graph_thick_no-bar_bar {
										width: 401px; }

								#sitewrapper #content #main #projects div.project-summary div.budget-remaining p.people {
									font-size: 12px;
									margin: 10px 0 0 0; }

					#sitewrapper #content #main #projects div.project-summary h2 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 16px;
						color: #666666;
						padding: 10px 0 10px 0; }
					#sitewrapper #content #main #projects div.project-summary h3 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 20px;
						color: #000000;
						margin: 0;
						padding: 0 0 12px 0; }
					#sitewrapper #content #main #projects div.project-summary p.project-owner {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 12px;
						padding: 0 0 3px 0; }
					#sitewrapper #content #main #projects div.project-summary p.project-created-on {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 12px;
						padding: 0 0 15px 0; }
					#sitewrapper #content #main #projects div.project-summary p.edit-close-project {
						font-weight: bold;
						color: #F90000;
						font-size: 12px; }
						#sitewrapper #content #main #projects div.project-summary p.edit-close-project a {
							color:#F90000; }
							#sitewrapper #content #main #projects div.project-summary p.edit-close-project a:hover {
								background:#F90000;
								color: #FFFFFF; }
					#sitewrapper #content #main #projects div.project-summary p.project-closed {
						color: #FFFFFF;
						width: 350px;
						line-height: 150%;
						font-size: 12px;
						font-weight: bold;
						padding: 10px;
						background: #666666;
						border: 1px solid #333333; }
						#sitewrapper #content #main #projects div.project-summary p.project-closed a {
							color: #FFFFFF; }
							#sitewrapper #content #main #projects div.project-summary p.project-closed a:hover {
								background: #FFFFFF;
								color: #666666; }
								
					#sitewrapper #content #main #projects div.project-summary p.basecamp-project {
						padding: 7px;
						width: 350px;
						font-family:Arial, Helvetica, sans-serif;
						line-height: 150%;
						margin-top: 15px;
						font-size: 12px;
						background: #E0EBEB;
						border: 1px solid #8FCACE; }
						#sitewrapper #content #main #projects div.project-summary p.basecamp-project strong { display: block; }
						#sitewrapper #content #main #projects div.project-summary p.basecamp-project span { 
						  display: block;
						  font-weight: bold;
						  margin-top: 10px;
						  padding-left: 20px;
						  background: transparent url('/images/icon_error.png') no-repeat 0 0; }

						#sitewrapper #content #main #projects div.project-summary p.basecamp-project small { font-size: 11px; }

				#sitewrapper #content #main #projects h3 {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 16px;
					color: #000000;
					margin: 0 0 10px 0; }

				
				/* =Sitewrapper -> Content -> Project -> Drill Down -> All Tasks
				--------------------*/
				#sitewrapper #content #main #projects div.task {
					padding: 10px;
					margin-bottom: 20px; }
						#sitewrapper #content #main #projects div.task div.task-name p.task-status {
							float: right;
							position: relative;
							z-index: 1000;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 14px;
							padding: 10px 30px 0 0; }
							#sitewrapper #content #main #projects div.task div.task-name p.task-status strong { }
							#sitewrapper #content #main #projects div.task div.task-name p.task-status a {
								font-family: Arial, Helvetica, sans-serif;
								font-size: 11px;
								color: #F90000;
								margin-left: 10px; }
								#sitewrapper #content #main #projects div.task div.task-name p.task-status a:hover {
									color: #FFFFFF;
									background: #F90000; }
						#sitewrapper #content #main #projects div.task div.task-name h4 {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 14px;
							color: #000000;
							padding: 10px 0 10px 20px; }

					#sitewrapper #content #main #projects div.task div.task-summary {
						padding: 10px 0 10px 20px;
						background: #FFFFFF; }
					#sitewrapper #content #main #projects div.task p.no-time {
						padding: 10px;
						font-size: 11px;
						background: #FBFBFB;
						text-align: center; }

				/* =Sitewrapper -> Content -> Project -> Drill Down -> Open Tasks
				--------------------*/
				#sitewrapper #content #main #projects div.task {
					border: 1px solid #17CD03;
					background: #DEFCDC; }
					#sitewrapper #content #main #projects div.task div.task-name {
						background: #FFFFFF url("/images/bg_gradient_project-summary.gif") repeat-x left bottom;
						border-bottom: 1px solid #17CD03; }
					#sitewrapper #content #main #projects div.task div.task-summary { border-top: 1px solid #17CD03; }

				/* =Sitewrapper -> Content -> Project -> Drill Down -> Closed Tasks
				--------------------*/
				#sitewrapper #content #main #projects div.task.closed {
					border: 1px solid #A7A7A7;
					background: #F3F3F3; }
					#sitewrapper #content #main #projects div.task.closed div.task-name {
						background: #FFFFFF url("/images/bg_gradient_closed.gif") repeat-x left bottom;
						border-bottom: 1px solid #A7A7A7; }
					#sitewrapper #content #main #projects div.task.closed div.task-summary { border-top: 1px solid #A7A7A7; }

						/* =Sitewrapper -> Content -> Projects -> Project Detail -> Task --> Graph
						--------------------*/
						#sitewrapper #content #main #projects div.task div.task-summary div.graph {
							height: 15px;
							width: 405px;
							float: right;
							position: relative;
							margin: 5px 10px 0 0;
							z-index: 5000; }
							#sitewrapper #content #main #projects div.task div.task-summary div.graph .graph_thin_green_bar,
							#sitewrapper #content #main #projects div.task div.task-summary div.graph .graph_thin_yellow_bar,
							#sitewrapper #content #main #projects div.task div.task-summary div.graph .graph_thin_red_bar,
							#sitewrapper #content #main #projects div.task div.task-summary div.graph .graph_thin_no-bar_bar {
								width: 380px; }

						#sitewrapper #content #main #projects div.task div.task-summary p.task-budget-remaining {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 16px; }
							#sitewrapper #content #main #projects div.task div.task-summary p.task-budget-remaining strong.over { 
								color: #890104; }
						#sitewrapper #content #main #projects div.task div.task-summary p.task-budget-total {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px; }

         /* =Sitewrapper -> Content -> Reports
    		--------------------*/
				#sitewrapper #content #date-picker {
					background: #FFFFFF url("/images/bg_gradient_date-picker.gif") repeat-x 0 100%;
					border: 8px solid #F3F3F3;
					border-bottom: none;
					position: relative;
						top: 0;
						left: 0;
					z-index: 1000;
					width: 971px;
					height: 152px; }
					#sitewrapper #content #date-picker fieldset {
					  display: block;
					  float: left;
					  background: none;
					  padding: 0;
					  margin-top: 7px; }
					  #sitewrapper #content #date-picker fieldset input.disabled,
					  #sitewrapper #content #date-picker fieldset select.disabled {
					    border: 1px solid #CCCCCC !important;
              background-color: #EEEEEE !important;
              color: #9C9C9C !important; }
					
					#sitewrapper #content #date-picker #date-range {
					  float: left;
					  width: 303px;
					  height: 131px;
					  padding: 20px 0 0 32px;
					  background: transparent url("/images/bg_reports-divider.gif") no-repeat 100% 50%;
					  border-bottom: 1px solid #A7A7A7; }
					  #sitewrapper #content #date-picker #date-range h2 {
					    font-size: 16px;
					    font-weight: bold;
					    margin-bottom: 8px; }
					  #sitewrapper #content #date-picker #date-range fieldset { }
					    #sitewrapper #content #date-picker #date-range fieldset input.range,
					    #sitewrapper #content #date-picker #date-range fieldset select.presets {
					      border: 1px solid #A7A7A7;
        				padding: 4px;
        				font-family: Arial, Helvetica, sans-serif;
        				font-size: 13px;
        				font-weight: bold; }
        			#sitewrapper #content #date-picker #date-range fieldset input.range {
        			  width: 70px;
        			  float: left; }
        				  #sitewrapper #content #date-picker #date-range fieldset input.range-options {
        				    float: left;
        				    margin: 10px 7px 0 0; }
				      #sitewrapper #content #date-picker #date-range fieldset span {
				        display: block;
				        float: left;
				        background: #E9E9E9;
				        padding: 4px; }
				      #sitewrapper #content #date-picker #date-range fieldset #arrow {
				        display: block;
				        float: left;
				        font-size: 16px;
				        line-height: 33px;
				        padding: 0 10px; }
				          #sitewrapper #content #date-picker #date-range fieldset span a span {
  				          display: inline;
  				          float: none;
  				          background: transparent;
  				          padding: 0; }
					
					#sitewrapper #content #date-picker #filters {
					  float: left;
					  width: 349px;
					  height: 147px;
					  padding: 4px 0 0 20px;
					  background: transparent url("/images/bg_reports-divider.gif") no-repeat 100% 50%;
					  border-bottom: 1px solid #A7A7A7; }
            #sitewrapper #content #date-picker #filters fieldset { }
  					  #sitewrapper #content #date-picker #filters fieldset label {
  					    font-family: Arial, Helvetica, Garuda, sans-serif;
  					    font-size: 11px;
  					    margin-right: 10px !important;
  					    margin-right: 5px; /* IE6 Box Model Woes */
  					    line-height: 35px;
  					    display: block;
  					    float: left; }
  					    #sitewrapper #content #date-picker #filters fieldset label input {
    					    margin: 10px 2px 0 0 !important;
    					    margin: 10px 0 0 0; /* IE6 Box Model Woes */
    					    display: block;
    					    float: left; }
  					  #sitewrapper #content #date-picker #filters fieldset h2 {
  					    display: block;
  					    float: left;
  					    width: 50px;
  					    line-height: 35px;
  					    font-size: 12px;
  					    text-align: right;
  					    margin-right: 10px; }
					    #sitewrapper #content #date-picker #filters fieldset span {
				        display: block;
				        float: left;
				        background: #E9E9E9;
				        padding: 4px; }
					      #sitewrapper #content #date-picker #filters fieldset span select {
  					      border: 1px solid #A7A7A7;
          				padding: 4px;
          				font-family: Arial, Helvetica, sans-serif;
          				font-size: 13px;
          				font-weight: bold; }

            #sitewrapper #content #date-picker #actions.detail {
  					  height: 71px;
  					  padding: 80px 0 0 30px !important; }
				  #sitewrapper #content #date-picker #actions {
					  float: left;
					  width: 237px;
					  height: 117px;
					  padding: 34px 0 0 30px !important;
					  padding: 34px 0 0 27px; /* IE6 Box Model Woes */
					  border-bottom: 1px solid #A7A7A7; }
				  #sitewrapper #content #date-picker #actions h2 {
				    display: block;
				    float: left;
				    width: 60px;
				    line-height: 34px;
				    font-size: 12px;
				    text-align: right;
				    margin: 0 10px 12px 5px; }
			    #sitewrapper #content #date-picker #actions ul#toggle_group_by li {
			      display: block;
			      float: left; }
			    #sitewrapper #content #date-picker #actions ul#toggle_group_by li a {
			      display: block;
			      height: 34px;
			      margin-bottom: 12px;
			      text-indent: -5000px;
			      background-color: transparent;
			      background-repeat: no-repeat; }
			      #sitewrapper #content #date-picker #actions ul#toggle_group_by li a:hover {
			        background-position: top center; }
		        #sitewrapper #content #date-picker #actions ul#toggle_group_by li a.selected {
			        background-position: top right;
			        cursor: default; }
				    #sitewrapper #content #date-picker #actions ul#toggle_group_by li a#toggle_clients {
				      width: 58px;
				      background-image: url("/images/btn_group-by-client.png"); }
				    #sitewrapper #content #date-picker #actions ul#toggle_group_by li a#toggle_people {
				      width: 61px;
				      background-image: url("/images/btn_group-by-person.png"); }

				#sitewrapper #content a#print_view {
					float: right;
					background-image: url("/images/icon_print_view.gif");
					background-repeat: no-repeat;
					background-position: 0 50%;
					padding: 3px 0 3px 20px;
					position: relative;
					top: 40px;
					right: 20px; }
					body#reports-drill-down #sitewrapper #content a#print_view {
  					float: right;
  					background-image: url("/images/icon_print_view.gif");
  					background-repeat: no-repeat;
  					background-position: 0 50%;
  					padding: 3px 0 3px 20px;
  					position: static; }
				#sitewrapper #content a#export_csv {
					float: right;
					background-image: url("/images/icon_export_csv.gif");
					background-repeat: no-repeat;
					background-position: 0 50%;
					padding: 3px 0 3px 20px;
					margin-left: 20px;
					position: relative;
					top: 40px;
					right: 20px; }
					body#reports-drill-down #sitewrapper #content a#export_csv {
  					float: right;
					  background-image: url("/images/icon_export_csv.gif");
  					background-repeat: no-repeat;
  					background-position: 0 50%;
  					padding: 3px 0 3px 20px;
  					margin-left: 15px;
  					margin-right: 15px;
  					position: static; }
					#sitewrapper #content #date-picker a#export_csv:hover { }
			  #sitewrapper #content a#export_fb {
					float: right;
					background-image: url("/images/icon_export_fb.gif");
					background-repeat: no-repeat;
					background-position: 0 50%;
					padding: 3px 0 3px 25px;
					margin-left: 20px;
					position: relative;
					top: 40px;
					right: 20px; }
					#sitewrapper #content #date-picker a#export_fb:hover { }
				#sitewrapper #content a#export_qb {
					float: right;
					background-image: url("/images/icon_export_qb.gif");
					background-repeat: no-repeat;
					background-position: 0 50%;
					padding: 3px 0 3px 25px;
					margin-left: 20px;
					position: relative;
					top: 40px;
					right: 20px; }
					#sitewrapper #content #date-picker a#export_qb:hover { }

				#reports #sitewrapper #content #main,
				#reports-drill-down #sitewrapper #content #main { border-top: none !important; }
					#reports #sitewrapper #content #main h1 { border: none; padding-top: 40px; }
					#reports #sitewrapper #content #main a.export {
						float: right;
						position: relative;
						right: 20px;
						z-index: 3000;
						padding: 2px 0 1px 22px;
						font-weight: bold;
						font-size: 11px;
						background: url("/images/icon_export.gif") no-repeat 0 50%; }
						#reports #sitewrapper #content #main a.export:hover {
							background: #2874B9 url("/images/icon_export.gif") no-repeat 0 50%; }

				#sitewrapper #content #main #report-results {
					border: 1px solid #7DB0E3;
					padding: 10px;
					background: #ECF5FF; }

		#sitewrapper #clear { clear: both; }
		#sitewrapper #footer {
			margin: 20px 0;
			font-size: 11px;
			line-height: 180%;
			text-align: center; }
			#sitewrapper #footer a {
				font-weight: bold; }

/* =Login
--------------------*/
body#login div.inner,
body#login #user-password,
body#login #remember-password,
body#login #remember-password input,
body#login #forgot-password input,
body#login #sign-in { position: relative; }
body#login #sitewrapper { width: 485px; margin: 0 auto;  }
body#login #sitewrapper #header { width: 485px; }
	body#login #sitewrapper h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			padding-bottom: 7px;
			border-bottom: 1px solid #A7A7A7;
			margin-bottom: 10px; }
	body#login #sitewrapper fieldset#user-email {
		font-size: 12px; }
		body#login #sitewrapper fieldset#user-email p { }
			body#login #sitewrapper fieldset#user-email p span {
				width: 395px;
				margin-top: 5px; }
				body#login #sitewrapper fieldset#user-email p span input {
					width: 385px; }
	body#login #sitewrapper fieldset#user-password {
		border-bottom: 20px solid #FFFFFF; }
		body#login #sitewrapper fieldset#user-password p {
			width: 400px; }
			body#login #sitewrapper fieldset#user-password p span {
				width: 200px;
				margin-top: 5px; }
				body#login #sitewrapper fieldset#user-password p span input {
					width: 190px; }
			body#login #sitewrapper fieldset#user-password p strong {
				font-weight: normal;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				margin: 29px 10px 0 0;
				float: right; }
				body#login #sitewrapper fieldset#user-password p strong a { }
	body#login #sitewrapper label#remember-password {
		float: right;
		position: relative;
		z-index: 1000;
		margin: 17px 85px 0 0;
		font-size: 12px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif; }
		body#login #sitewrapper label#remember-password input {
			margin-right: 5px; }
	body#login #sitewrapper #forgot-password {
		padding: 20px 0 0 15px; }
		body#login #sitewrapper #forgot-password label {
			padding-left: 10px;
			font-size: 12px; }

.graph_thick_green,
.graph_thick_yellow,
.graph_thick_red,
.graph_thick_no-bar {
	height: 60px; }
.graph_thin_green,
.graph_thin_yellow,
.graph_thin_red,
.graph_thin_no-bar {
	height: 23px; }

/* =Green Thick Bar Graph
--------------------*/
.graph_thick_green_open {
	height: 49px;
	width: 24px;
	float: left;
	background: transparent url("/images/graphs/graph_thick_green_open.gif") no-repeat 0 0; }
.graph_thick_green_close {
	height: 49px;
	width: 26px;
	float: left;
	background: transparent url("/images/graphs/graph_thick_green_close.gif") no-repeat 0 0; }
.graph_thick_green_bar {
	height: 49px;
	display: block;
	float: left;
	background: transparent url("/images/graphs/graph_thick_middle.gif") repeat-x 0 0;
	line-height: 49px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #249816; }
	.graph_thick_green_bar strong {
		height: 25px;
		display: block;
		margin-top: 12px;
		float: left;
		text-indent: -5000px;
		line-height: 100%;
		background: transparent url("/images/graphs/graph_thick_green.gif") repeat-x 0 0;
		border-right: 1px solid #249816; }
	.graph_thick_green_bar b {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 49px;
		color: #249816;
		padding-left: 3px; }

/* =Green Thin Bar Graph
--------------------*/
.graph_thin_green_open {
	height: 23px;
	width: 12px;
	float: left;
	background: transparent url("/images/graphs/graph_thin_green_open.gif") no-repeat 0 0; }
.graph_thin_green_close {
	height: 23px;
	width: 11px;
	float: left;
	background: transparent url("/images/graphs/graph_thin_green_close.gif") no-repeat 0 0; }
.graph_thin_green_bar {
	height: 23px;
	display: block;
	float: left;
	background: transparent url("/images/graphs/graph_thin_middle.gif") repeat-x 0 0;
	line-height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #249816; }
	.graph_thin_green_bar strong {
		height: 15px;
		display: block;
		margin-top: 4px;
		float: left;
		text-indent: -5000px;
		line-height: 100%;
		background: transparent url("/images/graphs/graph_thin_green.gif") repeat-x 0 0;
		border-right: 1px solid #249816; }
	.graph_thin_green_bar b {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 23px;
		color: #249816;
		padding-left: 3px; }

/* =Yellow Thick Bar Graph
--------------------*/
.graph_thick_yellow_open {
	height: 49px;
	width: 24px;
	float: left;
	background: transparent url("/images/graphs/graph_thick_yellow_open.gif") no-repeat 0 0; }
.graph_thick_yellow_close {
	height: 49px;
	width: 26px;
	float: left;
	background: transparent url("/images/graphs/graph_thick_yellow_close.gif") no-repeat 0 0; }
.graph_thick_yellow_bar {
	height: 49px;
	display: block;
	float: left;
	background: transparent url("/images/graphs/graph_thick_middle.gif") repeat-x 0 0;
	line-height: 49px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #249816; }
	.graph_thick_yellow_bar strong {
		height: 25px;
		display: block;
		margin-top: 12px;
		float: left;
		line-height: 100%;
		background: transparent url("/images/graphs/graph_thick_yellow.gif") repeat-x 0 0;
		border-right: 1px solid #BD7100; }
	.graph_thick_yellow_bar strong b {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #FFFFFF;
		float: right;
		line-height: 100%;
		position: relative;
		right: 5px;
		top: 6px; }

/* =Yellow Thin Bar Graph
--------------------*/
.graph_thin_yellow_open {
	height: 23px;
	width: 12px;
	float: left;
	background: transparent url("/images/graphs/graph_thin_yellow_open.gif") no-repeat 0 0; }
.graph_thin_yellow_close {
	height: 23px;
	width: 11px;
	float: left;
	background: transparent url("/images/graphs/graph_thin_yellow_close.gif") no-repeat 0 0; }
.graph_thin_yellow_bar {
	height: 23px;
	display: block;
	float: left;
	background: transparent url("/images/graphs/graph_thin_middle.gif") repeat-x 0 0;
	line-height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #249816; }
	.graph_thin_yellow_bar strong {
		height: 15px;
		display: block;
		margin-top: 4px;
		float: left;
		line-height: 100%;
		background: transparent url("/images/graphs/graph_thin_yellow.gif") repeat-x 0 0;
		border-right: 1px solid #BD7100; }
	.graph_thin_yellow_bar strong b {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		float: right;
		font-weight: normal;
		color: #FFFFFF;
		position: relative;
		right: 5px;
		top: 1px; }

/* =Red Thick Bar Graph
--------------------*/
.graph_thick_red_open {
	height: 49px;
	width: 24px;
	float: left;
	background: transparent url("/images/graphs/graph_thick_red_open.gif") no-repeat 0 0; }
.graph_thick_red_close {
	height: 49px;
	width: 26px;
	float: left;
	background: transparent url("/images/graphs/graph_thick_red_close.gif") no-repeat 0 0; }
.graph_thick_red_bar {
	height: 49px;
	display: block;
	float: left;
	background: transparent url("/images/graphs/graph_thick_middle.gif") repeat-x 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #249816; }
	.graph_thick_red_bar strong {
		height: 25px;
		display: block;
		margin-top: 12px;
		text-indent: -5000px;
		line-height: 100%;
		background: transparent url("/images/graphs/graph_thick_red.gif") repeat-x 0 0; }
	.graph_thick_red_bar b {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #FFFFFF;
		position: relative;
		bottom: 20px;
		left: 45%; }

/* =Red Thin Bar Graph
--------------------*/
.graph_thin_red_open {
	height: 23px;
	width: 12px;
	float: left;
	background: transparent url("/images/graphs/graph_thin_red_open.gif") no-repeat 0 0; }
.graph_thin_red_close {
	height: 23px;
	width: 13px;
	float: left;
	background: transparent url("/images/graphs/graph_thin_red_close.gif") no-repeat 0 0; }
.graph_thin_red_bar {
	height: 23px;
	display: block;
	float: left;
	background: transparent url("/images/graphs/graph_thin_middle.gif") repeat-x 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #249816; }
	.graph_thin_red_bar strong {
		height: 15px;
		display: block;
		margin-top: 4px;
		text-indent: -5000px;
		line-height: 100%;
		background: transparent url("/images/graphs/graph_thin_red.gif") repeat-x 0 0; }
	.graph_thin_red_bar b {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #FFFFFF;
		position: relative;
		bottom: 16px;
		left: 45%; }

/* =No-bar Thick Bar Graph
--------------------*/
.graph_thick_no-bar_open {
	height: 49px;
	width: 24px;
	float: left;
	background: transparent url("/images/graphs/graph_thick_open.gif") no-repeat 0 0; }
.graph_thick_no-bar_close {
	height: 49px;
	width: 26px;
	float: left;
	background: transparent url("/images/graphs/graph_thick_close.gif") no-repeat 0 0; }
.graph_thick_no-bar_bar {
	height: 49px;
	display: block;
	float: left;
	background: transparent url("/images/graphs/graph_thick_middle.gif") repeat-x 0 0;
	line-height: 49px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #249816;
	text-align: center; }
	.graph_thick_no-bar_bar b {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #249816; }

/* =No-bar Thin Bar Graph
--------------------*/
.graph_thin_no-bar_open {
	height: 23px;
	width: 12px;
	float: left;
	background: transparent url("/images/graphs/graph_thin_open.gif") no-repeat 0 0; }
.graph_thin_no-bar_close {
	height: 23px;
	width: 11px;
	float: left;
	background: transparent url("/images/graphs/graph_thin_close.gif") no-repeat 0 0; }
.graph_thin_no-bar_bar {
	height: 23px;
	display: block;
	float: left;
	background: transparent url("/images/graphs/graph_thin_middle.gif") repeat-x 0 0;
	line-height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #249816;
	text-align: center; }
	.graph_thin_no-bar_bar b {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #249816; }

/* =Sitewrapper -> Content -> General Settings
--------------------*/
#sitewrapper #content #main fieldset#tick-url {
	margin-bottom: 20px !important;
	margin-bottom: 0px;
	float: left; }
	#sitewrapper #content #main fieldset#tick-url #availability {
		margin: 4px 0 0 0;
		float: left; }
	#sitewrapper #content #main fieldset#tick-url p {
		float: left;
		height: 28px;
		width: 375px; }
		#sitewrapper #content #main fieldset#tick-url p b {
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			display: block;
			float: left;
			margin: 0 5px;
			line-height: 34px; }
		#sitewrapper #content #main fieldset#tick-url p span {
			width: 200px;
			float: left; }
			#sitewrapper #content #main fieldset#tick-url p span input { margin: 0; width: 190px; }
#sitewrapper #content #main fieldset#account-owner { }
	#sitewrapper #content #main fieldset#account-owner p { }
		#sitewrapper #content #main fieldset#account-owner p span { padding: 4px; width: 200px; }
			#sitewrapper #content #main fieldset#account-owner p span select {
				width: inherit; }
				#sitewrapper #content #main fieldset#account-owner p span select option { }

/* =Sitewrapper -> Content -> Change Your Plan
--------------------*/
#sitewrapper #content #main table#pricing-matrix {
	width: 100%;
	margin: 20px 0 0 0;
	border-collapse: collapse;
	font-size: 12px; }
	#sitewrapper #content #main table#pricing-matrix thead { }
		#sitewrapper #content #main table#pricing-matrix thead tr { }
			#sitewrapper #content #main table#pricing-matrix thead tr th {
				background: #ECF5FF;
				text-align: center;
				font-size: 11px;
				color: #999999;
				font-weight: normal;
				padding: 10px 0; }
				#sitewrapper #content #main table#pricing-matrix thead tr th.current-plan {
					font-size: 12px;
					color: #000000;
					font-weight: bold;
					background: #FFFFCC; }
	#sitewrapper #content #main table#pricing-matrix tbody { }
		#sitewrapper #content #main table#pricing-matrix tbody tr { }
			#sitewrapper #content #main table#pricing-matrix tbody tr td {
				text-align: center;
				border: 1px solid #EEEEEE;
				color: #000000; }
				#sitewrapper #content #main table#pricing-matrix tbody tr td.feature {
					text-align: left;
					border-left: none;
					font-weight: bold;
					padding: 10px 0 12px 5px; }
				#sitewrapper #content #main table#pricing-matrix tbody tr td.price {
					width: 119px;
					font-weight: bold; }
				#sitewrapper #content #main table#pricing-matrix tbody tr td.current-plan {
					background: #FFFFCC; }
	#sitewrapper #content #main table#pricing-matrix tfoot { }
		#sitewrapper #content #main table#pricing-matrix tfoot tr { }
			#sitewrapper #content #main table#pricing-matrix tfoot tr td {
				background: #F7F7F7;
				padding: 10px; }
				#sitewrapper #content #main table#pricing-matrix tfoot tr td ol {
					padding-left: 25px; }
					#sitewrapper #content #main table#pricing-matrix tfoot tr td ol li {
					font-size: 11px;
					color: #999999;
					list-style: decimal;
					line-height: 150%; }
	#sitewrapper #content #main #cancel {
		margin-top: 30px; }
		#sitewrapper #content #main #cancel h3 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			margin-bottom: 5px; }
		#sitewrapper #content #main #cancel p {
			font-size: 12px;
			line-height: 150%; }
			#sitewrapper #content #main #cancel p strong {
				font-weight: normal;
				color: #F90000; }
		#sitewrapper #content #main #cancel #cancel-account {
			width: 280px;
			float: right;
			position: relative;
			z-index: 1000;
			padding: 25px 15px;
			margin: 0 0 0 20px;
			background: #F3F3F3; }
			#sitewrapper #content #main #cancel #cancel-account strong {
				font-weight: normal;
				color: #F90000;
				font-size: 11px;
				line-height: 150%; }
			#sitewrapper #content #main #cancel #cancel-account input {
				margin: 10px 0 0 0; }


/* =Sitewrapper -> Content -> Billing Information
--------------------*/
input#submit {
	margin-top: 20px;
	padding: 4px; }

#sitewrapper #content #main fieldset#billing-address { }
	#sitewrapper #content #main fieldset#billing-address label { }
		#sitewrapper #content #main fieldset#billing-address label#zip { float: left; }
			#sitewrapper #content #main fieldset#billing-address label#zip span { width: 100px; }
				#sitewrapper #content #main fieldset#billing-address label#zip span input { width: 90px; }
		#sitewrapper #content #main fieldset#billing-address label#country { float: left; margin-left: 10px; }
			#sitewrapper #content #main fieldset#billing-address label#country span { width: 342px; }
				#sitewrapper #content #main fieldset#billing-address label#country span select { width: 342px; }

#sitewrapper #content #main fieldset#credit-card { }
	#sitewrapper #content #main fieldset#credit-card p#card-info { }
	#sitewrapper #content #main fieldset#credit-card label { }
		#sitewrapper #content #main fieldset#credit-card label#card-number { float: left; }
			#sitewrapper #content #main fieldset#credit-card label#card-number span { width: 196px; }
				#sitewrapper #content #main fieldset#credit-card label#card-number span input { width: 186px; }
		#sitewrapper #content #main fieldset#credit-card label#expiration-date { float: left; margin-left: 10px; }
			#sitewrapper #content #main fieldset#credit-card label#expiration-date span { width: 165px; }
				#sitewrapper #content #main fieldset#credit-card label#expiration-date span select { width: 165px; }
		#sitewrapper #content #main fieldset#credit-card label#expiration-year { float: left; }
			#sitewrapper #content #main fieldset#credit-card label#expiration-year span { width: 71px; }
				#sitewrapper #content #main fieldset#credit-card label#expiration-year span select { width: 71px; }
		#sitewrapper #content #main fieldset#credit-card p#security-code { background: url("/images/icon_security-code.gif") no-repeat 80px 20px; }
		#sitewrapper #content #main fieldset#credit-card p#security-code label { padding-top: 10px !important; padding-top: 0; }
			#sitewrapper #content #main fieldset#credit-card p#security-code label span { width: 70px; }
				#sitewrapper #content #main fieldset#credit-card p#security-code label input { width: 60px; }
				

#sitewrapper #content #main fieldset#account-agreement { }
	#sitewrapper #content #main fieldset#account-agreement p {
		font-size: 12px;
		padding: 10px;
		background: #F3F3F3; }
		#sitewrapper #content #main fieldset#account-agreement p label {
			font-size: 13px;
			font-weight: bold;
			display: block;
			margin-top: 10px; }
			#sitewrapper #content #main fieldset#account-agreement p label input { margin-right: 7px; }

/* =Sitewrapper -> Content -> Basecamp Integration
--------------------*/
#sitewrapper #content #main fieldset#bc-url { }
	#sitewrapper #content #main fieldset#bc-url p {
		float: left;
		height: 28px;
		width: 500px; }
		#sitewrapper #content #main fieldset#bc-url p b {
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			display: block;
			float: left;
			margin: 0 5px;
			line-height: 34px; }
		#sitewrapper #content #main fieldset#bc-url p span {
			width: 200px;
			float: left; }
			#sitewrapper #content #main fieldset#bc-url p span input { width: 190px; }
			#sitewrapper #content #main fieldset#bc-url p span select { width: 200px; }

	#sitewrapper #content #main fieldset#bc-status {
		height: auto;
		width: 600px;
		background: transparent url("/images/bg_notification-faux-column.gif") repeat-y 0 0; }
		#sitewrapper #content #main fieldset#bc-status ul {
			padding: 10px; }
			#sitewrapper #content #main fieldset#bc-status ul li {
				font-size: 12px;;
				padding: 5px 0 5px 0;
				margin: 0; }
				#sitewrapper #content #main fieldset#bc-status ul li input { margin-right: 5px; }

	#sitewrapper #content #main fieldset#bc-time-pull {
		height: auto;
		width: 600px;
		background: transparent url("/images/bg_notification-faux-column.gif") repeat-y 0 0; }
		#sitewrapper #content #main fieldset#bc-time-pull ul {
			padding: 10px; }
			#sitewrapper #content #main fieldset#bc-time-pull ul li {
			  font-size: 12px;
				padding: 5px 0 5px 0;
				margin: 0; }
				#sitewrapper #content #main fieldset#bc-time-pull ul li input { margin-right: 5px; }

/* =Sitewrapper -> Content -> Basecamp Active
--------------------*/
#sitewrapper #content #main div.bc_active h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; }
	#sitewrapper #content #main div.bc_active p.bc_import_disabled {
	  position: absolute;
	  top: 1px;
	  right: 0;
	  text-align: right;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-weight: normal;
  	color: #F90000; }
	#sitewrapper #content #main div.bc_active p { }
	  #sitewrapper #content #main div.bc_active p.bc_edit {
      font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px; }
    	#sitewrapper #content #main div.bc_active p.bc_edit a {
    	  font-weight: normal; }
    	  #sitewrapper #content #main div.bc_active p.bc_edit a.edit_settings {
    	    color: #F90000;
    	    margin-left: 15px; }
    	    #sitewrapper #content #main div.bc_active p.bc_edit a.edit_settings:hover,
    	    #sitewrapper #content #main div.bc_active p.bc_edit a.edit_settings:active {
      	    color: #FFFFFF;
      	    background-color: #F90000;; }

#sitewrapper #content #main div.bc_active fieldset {
  font-size: 12px; }
  #sitewrapper #content #main div.bc_active fieldset#bc_people_select_all {
    height: auto;
	  overflow: visible;
  	width: 917px;
  	background: #E9E9E9 url("/images/bg_notification-faux-column.gif") repeat-y 0 0; }
  	#sitewrapper #content #main div.bc_active fieldset#bc_people_select_all ul {}
  	  #sitewrapper #content #main div.bc_active fieldset#bc_people_select_all ul li {
  	    padding: 10px; }
  #sitewrapper #content #main div.bc_active fieldset#bc_people {
    margin-top: 0;
  	width: 917px;
  	background: #F3F3F3 url("/images/bg_notification-faux-column-light.gif") repeat-y 0 0; }
  	#sitewrapper #content #main div.bc_active fieldset#bc_people ul {
  	  height: auto;
  	  overflow: visible;
  	  border-top: 1px solid #A7A7A7;
  	  padding: 10px; }
  	  #sitewrapper #content #main div.bc_active fieldset#bc_people ul li {
  	    float: left;
  	    width: 440px;
  	    padding: 0 5px 10px 0; }

  #sitewrapper #content #main div.bc_active fieldset#bc_people_submit {
    margin: 0;
    padding-top: 12px; }
    #sitewrapper #content #main div.bc_active fieldset#bc_people_submit a {
			display: block;
			float: left;
			width: 155px;
			height: 23px;
			overflow: hidden;
			text-indent: -5000px;
			cursor: pointer;
			background: transparent url('/images/btn_bc_add_people.gif') no-repeat 0 0; }
			#sitewrapper #content #main div.bc_active fieldset#bc_people_submit a:hover,
			#sitewrapper #content #main div.bc_active fieldset#bc_people_submit a:active {
			  background: transparent url('/images/btn_bc_add_people.gif') no-repeat -155px 0; }
      #sitewrapper #content #main div.bc_active fieldset#bc_people_submit span {
        line-height: 23px;
        color: #666666;
        padding-left: 10px; }

#sitewrapper #content #main div.bc_active #bc_project_listing {
	background: #ECF5FF;
	border: 1px solid #7DB0E3;
	padding: 10px; }
	#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects {
		background-color: #FFFFFF;
		padding: 0 0 20px 0; }
#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table {
	width: 100%; }
#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead { }
		#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead tr { }
			#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead tr th {
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
				color: #000000;
				text-align: left;
				padding: 20px 0 4px 10px;
				border-bottom: 1px solid #DADADA; }
				#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead tr th.bc_client_name { }
				#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead tr th.bc_update_status,
				#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead tr th.bc_import {
					text-align: right; }
				#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead tr th.last-column {
				  padding-left: 0;
					text-align: center; }

	#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table tbody { }
		#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table tbody tr { }
			#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table tbody tr.odd { background-color: #FBFBFB; }
				#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table tbody tr.odd td { }
			#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table tbody tr td {
				border-bottom: 1px solid #DADADA;
				line-height: 25px; }
				#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table tbody tr td strong {
					font-weight: normal;
					color: #F90000; }
				#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_project_name {
					padding-left: 10px; }
					#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_project_name {
					  font-size: 12px; }
						#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_project_name a {
							font-size: 12px;
							font-family: Arial, Helvetica, sans-serif;
							font-weight: bold; }
				#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_update_status {
					text-align: right;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					width: 160px; }
					#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_update_status a {
					  color: #F90000;
					  padding: 2px 20px 2px 0;
					  height: 16px;
					  font-weight: normal;
					  text-decoration: none;
					  background: transparent url('/images/icon_help.png') no-repeat 100% 50%; }
				#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import {
					width: 120px; }
					#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import span.work-icon {
					  display:block;
					  height: 16px;
					  padding: 0;
					  margin: 0;
					  overflow: hidden; }
					  #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import span.work-icon img {
					    margin-top: -5px; }
					#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a {
					  display: block;
					  margin: 0 auto;
  					width: 56px;
  					height: 16px;
  					overflow: hidden;
  					text-indent: -5000px;
  					cursor: pointer; }
  					#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a.bc_retry {
  					  background: transparent url('/images/btn_bc_retry.gif') no-repeat 0 0; }
  					#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a.bc_import {
  					  background: transparent url('/images/btn_bc_import.gif') no-repeat 0 0; }
    					#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a.bc_retry:hover,
    					#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a.bc_retry:active,
    					#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a.bc_import:hover,
    					#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a.bc_import:active {
    					  background-position: -56px 0; }
				#sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.last-column {
					text-align: center;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #999999; }




/* =Sitewrapper -> Content -> Users
--------------------*/
#users #action {
	margin: 20px 0 20px 0; }

#sitewrapper #content #main a#add-new-user {
	font-size: 12px;
	font-weight: bold;
	float: right;
	color: #FF0000; }
	#sitewrapper #content #main a#add-new-user:hover {
		background-color: #FF0000;
		color: #FFFFFF; }
#sitewrapper #content #main #user-info { }
	#users #sitewrapper #content #main #user-info fieldset p span { width: 285px; }
		#sitewrapper #content #main #user-info fieldset p span input { width: 275px; }
		#sitewrapper #content #main #user-info fieldset p span select { width: 285px; }
	#sitewrapper #content #main #user-info label#make-admin {
		float: right;
		width: 280px;
		margin: 25px 0 0 0;
		font-weight: bold; }
		#sitewrapper #content #main #user-info label#make-admin input {
			margin-right: 5px;
			width: 15px; }
	#sitewrapper #content #main #user-info p.user-options {
		clear: left;
		margin: 25px 0 0 15px; }
#sitewrapper #content #main #user-table {
	clear: left;
	width: 595px;
	background: #ECF5FF;
	border: 1px solid #7DB0E3;
	padding: 10px;
	float: left; }
	#sitewrapper #content #main #user-table table {
		background: #FFFFFF;
		width: 100%;
		padding-bottom: 20px; }
		#sitewrapper #content #main #user-table table thead { }
			#sitewrapper #content #main #user-table table thead tr { }
				#sitewrapper #content #main #user-table table thead tr th {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					text-align: left;
					padding: 10px 0;
					border-bottom: 1px solid #DADADA; }
				#sitewrapper #content #main #user-table table thead tr th.edit-person {
					padding-left: 20px;
					width: 45px; }
				#sitewrapper #content #main #user-table table thead tr th.person { }
				#sitewrapper #content #main #user-table table thead tr th.email-address { }
				#sitewrapper #content #main #user-table table thead tr th.admin {
					padding-right: 20px;
					text-align: right; }
		#sitewrapper #content #main #user-table table tbody { }
			#sitewrapper #content #main #user-table table tbody tr { }
				#sitewrapper #content #main #user-table table tbody tr td {
					font-size: 12px;
					padding: 5px 0;
					border-bottom: 1px solid #DADADA; }
					#sitewrapper #content #main #user-table table tbody tr td.odd {
						background: #FBFBFB; }
					#sitewrapper #content #main #user-table table tbody tr td.account-owner {
						background: #FFFFE1; }
					#sitewrapper #content #main #user-table table tbody tr td.edit-person {
						padding-left: 20px;
						font-weight: bold; }
					#sitewrapper #content #main #user-table table tbody tr td.person { }
					#sitewrapper #content #main #user-table table tbody tr td.email { }
					#sitewrapper #content #main #user-table table tbody tr td.admin {
						text-align: right;
						padding-right: 20px; }

table.expanding-data-table {
	background-color: #FFFFFF;
	width: 100%;
	border-bottom: 20px solid white; }

table.expanding-data-table .working { display: inline; }

	/* =Table Head
	--------------------*/
	table.expanding-data-table thead { }
		table.expanding-data-table thead tr { }
			table.expanding-data-table thead tr th {
				padding: 15px 0;
				border-bottom: 1px solid #DADADA;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px; }
				table.expanding-data-table thead tr th.header_name,
				table.expanding-data-table thead tr th.person_name {
					text-align: left;
					padding-left: 20px; }
				table.expanding-data-table thead tr th.header_name { width: 560px; }
				table.expanding-data-table thead tr th.person_name { width: 350px; }
				table.expanding-data-table thead tr th.header_time-entered,
				table.expanding-data-table thead tr th.person_time-entered {
					text-align: right;
					width: 110px; }
				table.expanding-data-table thead tr th.header_total-projects,
				table.expanding-data-table thead tr th.person_last-entered {
					text-align: right;
					padding-right: 20px; }

	/* =Table Body (multiple)
	--------------------*/
	table.expanding-data-table tbody { }
		table.expanding-data-table tbody tr { }
			table.expanding-data-table tbody tr td {
				padding: 5px 0;
				border-bottom: 1px solid #DADADA;
				font-size: 12px; }

        table.expanding-data-table tbody tr.totals td {
  				padding: 5px 430px 5px 0;
  				border-bottom: 1px solid #7DB0E3;
  				background-color: #ECF5FF;
  				font-size: 12px;
  				text-align: right; }
  				body#project-drill-down table.expanding-data-table tbody tr.totals td {
  				  padding: 5px 430px 5px 0; }
  				body#reports table.expanding-data-table tbody tr.totals td {
  				  padding: 5px 220px 5px 0; }
				  body#reports-drill-down table.expanding-data-table tbody tr.totals td {
  				  padding: 5px 430px 5px 0; }

				  body#reports table.expanding-data-table tbody tr.lock_unlock td {
  				  padding: 5px 0 5px 20px;
  				  font-size: 11px;
  				  line-height: 15px; }
  				  body#reports table.expanding-data-table tbody tr.lock_unlock td span {
    				  font-style: italic;
    				  font-size: 10px;
    				  color: #666666; }

  				table.expanding-data-table tbody tr.totals td span {
  				  font-family: Arial, Helvetica, sans-serif;
  				  font-weight: bold; }
				table.expanding-data-table tbody tr td.grouped_by_name,
				table.expanding-data-table tbody tr td.person_name {
					text-align: left;
					padding-left: 20px; }
					table.expanding-data-table tbody tr td.grouped_by_name a,
					table.expanding-data-table tbody tr td.person_name a {
						background: url("/images/icon_plus.gif") no-repeat 0 50%;
						font-weight: bold;
						padding-left: 15px; }
						table.expanding-data-table tbody tr td.grouped_by_name a:hover,
						table.expanding-data-table tbody tr td.person_name a:hover {
							background: #2874B9 url("/images/icon_plus.gif") no-repeat 0 50%; }
				table.expanding-data-table tbody tr td.grouped_by_time-entered,
				table.expanding-data-table tbody tr td.person_time-entered {
					text-align: right; }
				table.expanding-data-table tbody tr td.grouped_by_total-projects,
				table.expanding-data-table tbody tr td.person_last-entered {
					text-align: right;
					padding-right: 20px; }

		table.expanding-data-table tbody tr.expanded { }
			table.expanding-data-table tbody tr.expanded td {
				border-top: 1px solid #999999;
				border-bottom: 1px solid #999999; }
				table.expanding-data-table tbody tr.expanded td.grouped_by_name,
				table.expanding-data-table tbody tr.expanded td.person_name {
					border-left: 1px solid #999999; }
					table.expanding-data-table tbody tr.expanded td.grouped_by_name a,
					table.expanding-data-table tbody tr.expanded td.person_name a {
						background: url("/images/icon_minus.gif") no-repeat 0 50%;
						font-weight: bold;
						padding-left: 15px; }
						table.expanding-data-table tbody tr.expanded td.grouped_by_name a:hover,
						table.expanding-data-table tbody tr.expanded td.person_name a:hover {
							background: #2874B9 url("/images/icon_minus.gif") no-repeat 0 50%; }
				table.expanding-data-table tbody tr.expanded td.grouped_by_time-entered,
				table.expanding-data-table tbody tr.expanded td.person_time-entered { }
				table.expanding-data-table tbody tr.expanded td.grouped_by_total-projects,
				table.expanding-data-table tbody tr.expanded td.person_last-entered {
					border-right: 1px solid #999999; }
		
		table.expanding-data-table tbody tr.expanded-head { }
			table.expanding-data-table tbody tr.expanded-head th {
				padding: 15px 0 5px 0;
				border-bottom: 1px solid #F4F402;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold; }
		  table.expanding-data-table tbody tr.expanded-head.first th {
				background: url("/images/bg_gradient_project-detail_expanded.gif") repeat-x 0 0; }
				table.expanding-data-table tbody tr.expanded-head th.group_name,
				table.expanding-data-table tbody tr.expanded-head th.entry_date {
					text-align: left;
					padding-left: 35px;
					border-left: 1px solid #999999; }
				table.expanding-data-table tbody tr.expanded-head th.group_time-entered,
				table.expanding-data-table tbody tr.expanded-head th.entry_time {
					text-align: right; }
				table.expanding-data-table tbody tr.expanded-head th.group_current-status {
					text-align: right;
					padding-right: 20px;
					border-right: 1px solid #999999; }
				table.expanding-data-table tbody tr.expanded-head th.entry_note {
					text-align: left;
					padding-left: 50px;
					border-right: 1px solid #999999; }

		table.expanding-data-table tbody tr.expanded-inner { }
			table.expanding-data-table tbody tr.expanded-inner td {
				padding: 5px 0;
				border-bottom: 1px solid #F4F402;
				font-size: 12px;
				font-weight: normal; }
				table.expanding-data-table tbody tr.expanded-inner td.project_name,
				table.expanding-data-table tbody tr.expanded-inner td.entry_date {
					text-align: left;
					padding-left: 35px;
					border-left: 1px solid #999999; }
					table.expanding-data-table tbody tr.expanded-inner td.entry_date.locked {
					  background-image: url('/images/icon_locked.png');
					  background-repeat: no-repeat;
					  background-position: 11px 50%; }
				  table.expanding-data-table tbody tr.expanded-inner td.entry_date.basecamp {
					  background-image: url('/images/icon_from_basecamp.png');
					  background-repeat: no-repeat;
					  background-position: 11px 50%; }
				  table.expanding-data-table tbody tr.expanded-inner td.entry_date.locked.basecamp {
					  background-image: url('/images/icon_locked_basecamp.png');
					  background-repeat: no-repeat;
					  background-position: 5px 50%; }
					table.expanding-data-table tbody tr.expanded-inner td.project_name a,
					table.expanding-data-table tbody tr.expanded-inner td.entry_date a {
						font-weight: bold; }
				table.expanding-data-table tbody tr.expanded-inner td.project_time-entered,
				table.expanding-data-table tbody tr.expanded-inner td.entry_time {
					text-align: right; }
				table.expanding-data-table tbody tr.expanded-inner td.project_current-status,
				table.expanding-data-table tbody tr.expanded-inner td.entry_note {
					text-align: left;
					padding-right: 20px;
					border-right: 1px solid #999999; }
				table.expanding-data-table tbody tr.expanded-inner td.entry_note {
					width: 361px;
					padding-left: 50px; }
					table.expanding-data-table tbody tr.expanded-inner td.entry_note pre {
  				  font-family: Verdana, Arial, Helvetica, sans-serif;
  				  font-size: 12px;
  				  line-height: 14px;
  				  white-space: pre-wrap !important;
  				  white-space: normal; }
		table.expanding-data-table tbody tr.expanded-foot { }
			table.expanding-data-table tbody tr.expanded-foot td {
				border-left: 1px solid #999999;
				border-bottom: 1px solid #999999;
				border-right: 1px solid #999999;
				font-size: 3px; }

				table.expanding-data-table tbody tr.odd td { background-color: #FBFBFB; }
				table.expanding-data-table tbody tr.expanded-inner td.odd { background-color: #FFFFE1; } /*IE doesn't like this for some reason */
				table.expanding-data-table tbody tr.expanded-inner td.odd { background-color: #FFFFE1; } /*IE doesn't like this for some reason */
